/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(/../fonts/glyphicons-halflings-regular.eot);src:url(/../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/../fonts/glyphicons-halflings-regular.woff) format('woff'),url(/../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*
Flaticon icon font: Flaticon
Creation date: 04/05/2018 05:05
*/
@font-face {
  font-family: "Flaticon";
  src: url(/assets/Flaticon-7ae8a2e77e042b31aa602cf85bcadb9c691a9d40e2c1ae0fe2585a540b65f9aa.eot);
  src: url(/assets/Flaticon-7ae8a2e77e042b31aa602cf85bcadb9c691a9d40e2c1ae0fe2585a540b65f9aa.eot?#iefix) format("embedded-opentype"), url(/assets/Flaticon-04735135a0e2a8b01e2f12bc1da1a172efcd519f246a362d357d203d885fffef.woff) format("woff"), url(/assets/Flaticon-48aaabe679edff4e33cfefb2cd106a883d8e87bd6c984426b5d8d7e28bc6c092.ttf) format("truetype"), url(/assets/Flaticon-0ec86287c32784194d49c95131bdaaea36b2a2f428f4b87a92370861755c2bc4.svg#Flaticon) format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url(/assets/Flaticon-0ec86287c32784194d49c95131bdaaea36b2a2f428f4b87a92370861755c2bc4.svg#Flaticon) format("svg");
  }
}

/* line 24, app/assets/stylesheets/flaticon.scss */
.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/* line 39, app/assets/stylesheets/flaticon.scss */
.flaticon-web:before {
  content: "\f100";
}

/* line 40, app/assets/stylesheets/flaticon.scss */
.flaticon-calendar:before {
  content: "\f101";
}

/* line 41, app/assets/stylesheets/flaticon.scss */
.flaticon-interface-4:before {
  content: "\f102";
}

/* line 42, app/assets/stylesheets/flaticon.scss */
.flaticon-interface-3:before {
  content: "\f103";
}

/* line 43, app/assets/stylesheets/flaticon.scss */
.flaticon-google-plus-symbol:before {
  content: "\f104";
}

/* line 44, app/assets/stylesheets/flaticon.scss */
.flaticon-facebook-placeholder-for-locate-places-on-maps:before {
  content: "\f105";
}

/* line 45, app/assets/stylesheets/flaticon.scss */
.flaticon-clock:before {
  content: "\f106";
}

/* line 46, app/assets/stylesheets/flaticon.scss */
.flaticon-interface-2:before {
  content: "\f107";
}

/* line 47, app/assets/stylesheets/flaticon.scss */
.flaticon-folder:before {
  content: "\f108";
}

/* line 48, app/assets/stylesheets/flaticon.scss */
.flaticon-technology-1:before {
  content: "\f109";
}

/* line 49, app/assets/stylesheets/flaticon.scss */
.flaticon-file:before {
  content: "\f10a";
}

/* line 50, app/assets/stylesheets/flaticon.scss */
.flaticon-signs-1:before {
  content: "\f10b";
}

/* line 51, app/assets/stylesheets/flaticon.scss */
.flaticon-square-1:before {
  content: "\f10c";
}

/* line 52, app/assets/stylesheets/flaticon.scss */
.flaticon-mark-2:before {
  content: "\f10d";
}

/* line 53, app/assets/stylesheets/flaticon.scss */
.flaticon-shapes-2:before {
  content: "\f10e";
}

/* line 54, app/assets/stylesheets/flaticon.scss */
.flaticon-layers:before {
  content: "\f10f";
}

/* line 55, app/assets/stylesheets/flaticon.scss */
.flaticon-favorite-1:before {
  content: "\f110";
}

/* line 56, app/assets/stylesheets/flaticon.scss */
.flaticon-round:before {
  content: "\f111";
}

/* line 57, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-6:before {
  content: "\f112";
}

/* line 58, app/assets/stylesheets/flaticon.scss */
.flaticon-profile-2:before {
  content: "\f113";
}

/* line 59, app/assets/stylesheets/flaticon.scss */
.flaticon-profile-1:before {
  content: "\f114";
}

/* line 60, app/assets/stylesheets/flaticon.scss */
.flaticon-shapes-1:before {
  content: "\f115";
}

/* line 61, app/assets/stylesheets/flaticon.scss */
.flaticon-search:before {
  content: "\f116";
}

/* line 62, app/assets/stylesheets/flaticon.scss */
.flaticon-favorite:before {
  content: "\f117";
}

/* line 63, app/assets/stylesheets/flaticon.scss */
.flaticon-interface-1:before {
  content: "\f118";
}

/* line 64, app/assets/stylesheets/flaticon.scss */
.flaticon-multimedia-1:before {
  content: "\f119";
}

/* line 65, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-5:before {
  content: "\f11a";
}

/* line 66, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-4:before {
  content: "\f11b";
}

/* line 67, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-3:before {
  content: "\f11c";
}

/* line 68, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-2:before {
  content: "\f11d";
}

/* line 69, app/assets/stylesheets/flaticon.scss */
.flaticon-signs:before {
  content: "\f11e";
}

/* line 70, app/assets/stylesheets/flaticon.scss */
.flaticon-multimedia:before {
  content: "\f11f";
}

/* line 71, app/assets/stylesheets/flaticon.scss */
.flaticon-technology:before {
  content: "\f120";
}

/* line 72, app/assets/stylesheets/flaticon.scss */
.flaticon-commerce-1:before {
  content: "\f121";
}

/* line 73, app/assets/stylesheets/flaticon.scss */
.flaticon-shapes:before {
  content: "\f122";
}

/* line 74, app/assets/stylesheets/flaticon.scss */
.flaticon-library:before {
  content: "\f123";
}

/* line 75, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows:before {
  content: "\f124";
}

/* line 76, app/assets/stylesheets/flaticon.scss */
.flaticon-arrows-1:before {
  content: "\f125";
}

/* line 77, app/assets/stylesheets/flaticon.scss */
.flaticon-social-4:before {
  content: "\f126";
}

/* line 78, app/assets/stylesheets/flaticon.scss */
.flaticon-profile:before {
  content: "\f127";
}

/* line 79, app/assets/stylesheets/flaticon.scss */
.flaticon-mark-1:before {
  content: "\f128";
}

/* line 80, app/assets/stylesheets/flaticon.scss */
.flaticon-square:before {
  content: "\f129";
}

/* line 81, app/assets/stylesheets/flaticon.scss */
.flaticon-tool-1:before {
  content: "\f12a";
}

/* line 82, app/assets/stylesheets/flaticon.scss */
.flaticon-social-3:before {
  content: "\f12b";
}

/* line 83, app/assets/stylesheets/flaticon.scss */
.flaticon-social-media:before {
  content: "\f12c";
}

/* line 84, app/assets/stylesheets/flaticon.scss */
.flaticon-tool:before {
  content: "\f12d";
}

/* line 85, app/assets/stylesheets/flaticon.scss */
.flaticon-sheet:before {
  content: "\f12e";
}

/* line 86, app/assets/stylesheets/flaticon.scss */
.flaticon-black-2:before {
  content: "\f12f";
}

/* line 87, app/assets/stylesheets/flaticon.scss */
.flaticon-circle-1:before {
  content: "\f130";
}

/* line 88, app/assets/stylesheets/flaticon.scss */
.flaticon-shield:before {
  content: "\f131";
}

/* line 89, app/assets/stylesheets/flaticon.scss */
.flaticon-approve-circular-button:before {
  content: "\f132";
}

/* line 90, app/assets/stylesheets/flaticon.scss */
.flaticon-flash:before {
  content: "\f133";
}

/* line 91, app/assets/stylesheets/flaticon.scss */
.flaticon-pinterest-logotype:before {
  content: "\f134";
}

/* line 92, app/assets/stylesheets/flaticon.scss */
.flaticon-access-denied:before {
  content: "\f135";
}

/* line 93, app/assets/stylesheets/flaticon.scss */
.flaticon-twitter-logo-silhouette:before {
  content: "\f136";
}

/* line 94, app/assets/stylesheets/flaticon.scss */
.flaticon-music:before {
  content: "\f137";
}

/* line 95, app/assets/stylesheets/flaticon.scss */
.flaticon-interface:before {
  content: "\f138";
}

/* line 96, app/assets/stylesheets/flaticon.scss */
.flaticon-mark:before {
  content: "\f139";
}

/* line 97, app/assets/stylesheets/flaticon.scss */
.flaticon-home:before {
  content: "\f13a";
}

/* line 98, app/assets/stylesheets/flaticon.scss */
.flaticon-paper:before {
  content: "\f13b";
}

/* line 99, app/assets/stylesheets/flaticon.scss */
.flaticon-gear:before {
  content: "\f13c";
}

/* line 100, app/assets/stylesheets/flaticon.scss */
.flaticon-switch:before {
  content: "\f13d";
}

/* line 101, app/assets/stylesheets/flaticon.scss */
.flaticon-bell:before {
  content: "\f13e";
}

/* line 102, app/assets/stylesheets/flaticon.scss */
.flaticon-commerce:before {
  content: "\f13f";
}

/* line 103, app/assets/stylesheets/flaticon.scss */
.flaticon-case:before {
  content: "\f140";
}

/* line 104, app/assets/stylesheets/flaticon.scss */
.flaticon-social-2:before {
  content: "\f141";
}

/* line 105, app/assets/stylesheets/flaticon.scss */
.flaticon-social-1:before {
  content: "\f142";
}

/* line 106, app/assets/stylesheets/flaticon.scss */
.flaticon-squares:before {
  content: "\f143";
}

/* line 107, app/assets/stylesheets/flaticon.scss */
.flaticon-black-1:before {
  content: "\f144";
}

/* line 108, app/assets/stylesheets/flaticon.scss */
.flaticon-black:before {
  content: "\f145";
}

/* line 109, app/assets/stylesheets/flaticon.scss */
.flaticon-information-web-circular-button-symbol:before {
  content: "\f146";
}

/* line 110, app/assets/stylesheets/flaticon.scss */
.flaticon-circle:before {
  content: "\f147";
}

/* line 111, app/assets/stylesheets/flaticon.scss */
.flaticon-social:before {
  content: "\f148";
}

/* line 112, app/assets/stylesheets/flaticon.scss */
.flaticon-time:before {
  content: "\f149";
}

/* line 113, app/assets/stylesheets/flaticon.scss */
.flaticon-view:before {
  content: "\f14a";
}

/* line 114, app/assets/stylesheets/flaticon.scss */
.flaticon-right-arrow:before {
  content: "\f14b";
}

/* line 115, app/assets/stylesheets/flaticon.scss */
.flaticon-left-arrow:before {
  content: "\f14c";
}

/* line 116, app/assets/stylesheets/flaticon.scss */
.flaticon-left-quote-mark:before {
  content: "\f14d";
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    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;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    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 img
{
    display: block;
}
.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;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/fonts/slick.woff) format('woff'), url(/fonts/slick.ttf) format('truetype'), url(/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.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;
}

@-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 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) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@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);
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.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;
}

/*=============================================
1. Modules in page
  1.1. Button in page
  1.2 Rating Star for course item
  1.3 Button hamberger in header menu mobile
  1.4 Breadcrumb
  1.5 Input form in page
  1.6 Button oval page
  1.7 Status bar
  1.8 Table in page
  1.9 Card course in page
2. Pages
  2.1 Partials all page
  2.2 Header content
  2.3 Footer
  2.4 Home page
  2.5 Home 2 page
  2.6 Catagories page
  2.7 Course listing page
  2.8 Course gird page
  2.9 Search result page
  2.10 Course Bundle page
  2.11 Course single page
  2.12 Partner details pages
  2.13 Bundle details page
  2.14 Blog grid page
  2.15 Blog details page
  2.16 Instructor details page
  2.17 Blog details sidebar
  2.18 404 Page
  2.19 Coming soon page
  2.20 Contact Page
  2.21 Pricing table page
  2.22 Partner listing page
  2.23 Course details
  2.34 Signin form
=============================================*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
.contend-title, .courses__content__title, .design-sprint__contents__title, .brief-course__top__title {
  font-size: 22px;
  color: #42495b;
  text-transform: capitalize;
}

.item-middle, .courses__content__avatar, .courses__content__author-name, .categories__text, .categories__icon, .form-subs__input, .form-subs__button, .tags__icon, .tags__text, .brief-course__top__bundle, .brief-course__top__title {
  display: inline-block;
  vertical-align: middle;
}

.item-bottom, .reviews__about, .reviews__name-course {
  display: inline-block;
  vertical-align: bottom;
}

.ellipsis, .courses__content__author-name, .column-left__button-drop__text, .select__number {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.absolute {
  position: absolute;
  right: 0;
}

.titles, .item__left__title {
  font-size: 28px;
  color: #42495b;
  text-align: left;
  text-transform: capitalize;
}

.text-link, .list-catagories__link, .select__item, .sort-left .list-sort__link, .sort-right .list-sort__link {
  font-size: 14px;
  color: #42495b;
  text-transform: capitalize;
  text-align: left;
}

.text-enroll, .column-left__link, .course-detail__view-more {
  font-size: 14px;
  color: #07d79b;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

.flex-center, .oval-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-sub, .brief-course__sub, .brief-course .list-brief__top__sub, .instructor-info__college, .instructor-info__sub, .instructor-goals__list {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}

@media (max-width: 479px) {
  .text-sub, .brief-course__sub, .brief-course .list-brief__top__sub, .instructor-info__college, .instructor-info__sub, .instructor-goals__list {
    font-size: 14px;
  }
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/*	TYPOGRAPHY
–––––––––––––––––––––––––––*/
body {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: #868686;
}

/* ------ Normalize ----- */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: unset;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

a:hover, a:focus {
  text-decoration: none !important;
  outline: unset;
}

/*	TYPOGRAPHY
–––––––––––––––––––––––––––*/
body {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  color: #868686;
  line-height: 1.5;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/*----------  Icon  ----------*/
.icon-custom::before {
  font-size: 12px;
  margin-left: 0;
}

.icon-al {
  padding: 4px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #09c199;
  background: #daf9f0;
  font-size: 9px;
  font-weight: 700;
}

.hiden {
  display: none;
}

/*----------  Text  ----------*/
/* .content-text {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #868686;
  letter-spacing: 0.2px;
} */

.content-text-new{
    font-size: 19px;
    color: #09c199;
}
@media (max-width: 768px) {
  .content-text {
    font-size: 14px;
  }
}

.title-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-weight: 400;
  color: #42495b;
}

.name-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: 400;
  color: #868686;
}

.name-text:hover {
  color: #3a3a3a;
}

.number-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 600;
  color: #868686;
}

.price-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 22px;
  color: #07d79b;
}

.name-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: 400;
  color: #868686;
}

.name-text:hover {
  color: #3a3a3a;
}

.name-wrapper, .number-wrapper, .number-sp-wrapper-left, .number-sp-wrapper-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.number-sp-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.name-avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 10px;
  border-radius: 50%;
}

.name-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*----------  img  ----------*/
.img-block {
  display: block;
}

.full-height {
  height: 100vh;
}

/*	FONTS
------------------------*/
@font-face {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-style: normal;
  font-weight: 400;
  src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url(https://fonts.gstatic.com/s/nunitosans/v3/pe0qMImSLYBIv1o4X1M8cceyI9tAcVwob5A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(/fonts/Roboto-Regular.ttf) format("woff2");
}

/*=============================================
1.1 Button in page
=============================================*/
[class*="btn-"], [class*="button-"] {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.button-default {
  background-color: #07d79b;
  font-weight: bold;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.button-default:hover, .button-default:focus {
  border: solid 1px #07d79b;
  background-color: #09c199;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.button-default .active:focus, .button-default .active:hover {
  border: solid 1px #07d79b;
  background-color: #09c199;
  color: #fff;
  -webkit-transition: 1s;
  transition: 1s;
}

.button-default:focus {
  outline: none;
}

.button-default--green-l {
  margin: 0 40px 20px;
  display: inline-block;
  padding: 16px 42px;
  font-size: 14px;
  background-color: #daf9f0;
  color: #09c199;
}
.btn-lg{
  padding: 16px 47px;
  font-size: 14px;
  font-weight: bold;
}
a.disabled{
  cursor: not-allowed;
}
.btn-green {
  display: inline-block;
  /* padding: 16px 47px; */
  /* font-size: 14px; */
  background-color: #daf9f0;
  color: #09c199;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  line-height: 1;
  border: 1px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}

.btn-green:hover, .btn-green:focus {
  border: solid 1px #07d79b;
  background-color: #09c199;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-green .active:focus, .btn-green .active:hover {
  border: solid 1px #07d79b;
  background-color: #09c199;
  color: #fff;
  -webkit-transition: 1s;
  transition: 1s;
}

.btn-green:focus {
  outline: none;
}

.btn-dropdown {
  min-width: 84px;
  padding: 0 9px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  border: solid 1px #e8e8e8;
}

.btn-dropdown__text {
  font-size: 14px;
  color: #42495b;
  text-transform: capitalize;
  text-align: left;
  line-height: 26px;
}

.btn-dropdown__icon {
  float: right;
}

.btn-dropdown__icon::before {
  font-size: 10px;
  color: #868686;
  margin-left: 10px;
  line-height: 26px;
}

.btn-outline {
  display: inline-block;
  padding: 7px 25px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-color: #fff;
  border: solid 1px #07d79b;
  color: #07d79b;
  font-size: 14px;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-outline:hover {
  background-color: #07d79b;
  color: #fff;
}

.button-normal-02 {
  font-size: 14px;
  font-weight: 700;
  color: #09c199;
  padding: 13px 51px;
  background-color: #daf9f0;
}

.button-normal-02:hover, .button-normal-02:focus {
  background-color: #07d79b;
  color: #fff;
}

.button-play-video {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 26px;
  background: none;
  border: solid 1px #fff;
  overflow: hidden;
}

.button-play-video:hover .icon-play {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.button-play-video:hover .mask {
  opacity: 1;
  -webkit-transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
          transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.button-play-video .icon-play {
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s;
}

.button-play-video .icon-play::before {
  color: #fff;
}

.button-play-video .mask {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100px;
  width: 200px;
  -webkit-transform: translate3d(-120%, 50px, 0) rotate3d(0, 0, 1, 45deg);
          transform: translate3d(-120%, 50px, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}

.btn--cirlcle-bg-white {
  display: inline-block;
  width: 76px;
  height: 76px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff;
}

/*=============================================
1.2 Rating Star for course item
=============================================*/
.rating-start {
  position: relative;
  overflow: hidden;
  display: inline-block;
  letter-spacing: 4px;
  font-size: 10px;
  vertical-align: middle;
}

.rating-start::before, .rating-start::after {
  font-family: "Flaticon";
  color: #07d79b;
}

.rating-start::before {
  content: "\f117\f117\f117\f117\f117";
}

.rating-start::after {
  content: "\f110\f110\f110\f110\f110";
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
}

.rating-start[data-rating='1']::after {
  width: 20%;
}

.rating-start[data-rating='2']::after {
  width: 40%;
}

.rating-start[data-rating='3']::after {
  width: 60%;
}

.rating-start[data-rating='4']::after {
  width: 80%;
}

.rating-start[data-rating='5']::after {
  width: 100%;
}

/*=============================================
1.3 Button hamberger in header menu mobile
=============================================*/
.nav-icon {
  width: 38px;
  height: 24px;
  position: relative;
  margin: 20px auto;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.nav-icon .icon-bar {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  opacity: 1;
  left: 0;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon .icon-bar:nth-child(1) {
  top: 0px;
}

.nav-icon .icon-bar:nth-child(2) {
  top: 5px;
}

.nav-icon .icon-bar:nth-child(3) {
  top: 14px;
}

.nav-icon:not(.collapsed) .icon-bar:nth-child(1) {
  -ms-transform: translateY(12px) rotate(45deg);
  -webkit-transform: translateY(12px) rotate(45deg);
  transform: translateY(12px) rotate(45deg);
}

.nav-icon:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.nav-icon:not(.collapsed) .icon-bar:nth-child(3) {
  -ms-transform: translateY(-6px) rotate(-45deg);
  -webkit-transform: translateY(-6px) rotate(-45deg);
  transform: translateY(-6px) rotate(-45deg);
}

/*=============================================
1.4 Breadcrumb
=============================================*/
.breadcrumb-wapper .breadcrumb {
  background-color: #fff;
  padding: 0;
  margin-bottom: 32px;
}

.breadcrumb-wapper .breadcrumb__link {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  text-transform: capitalize;
  color: #868686;
}

.breadcrumb-wapper .breadcrumb__link:hover, .breadcrumb-wapper .breadcrumb__link .active {
  color: #07d79b;
}

.breadcrumb-wapper .breadcrumb .active {
  color: #07d79b;
}

/*=============================================
1.5 Input form in page
=============================================*/
.input-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
  padding: 14px 12px;
  font-size: 14px;
  height: auto;
  line-height: 1;
  -webkit-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}

.input-item:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
          box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
}

.input-item::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: #868686;
  font-style: italic;
}

.input-item::-moz-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: #868686;
  font-style: italic;
}

.input-item:-ms-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: #868686;
  font-style: italic;
}

.input-item::placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: #868686;
  font-style: italic;
}

/*=============================================
1.6 Button oval page
=============================================*/
.oval-left {
  top: 50%;
  left: 0;
  margin-top: -20px;
  margin-left: -70px;
}

.oval-right {
  top: 50%;
  right: 0;
  margin-top: -20px;
  margin-right: -70px;
}

.oval {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background .15s, border .15s;
  transition: background .15s, border .15s;
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  z-index: 3;
}

.cursor-pointer {
  cursor: pointer;
}

.oval:hover {
  border: none;
  background-color: #07d79b;
}

.oval:hover [class*="flaticon-"]::before {
  color: #fafafa;
}

.oval [class*="flaticon-"]::before {
  color: #42495b;
  font-size: 13px !important;
}

.mini-oval {
  display: inline-block;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #07d79b;
  text-align: center;
  padding: 3px 0;
  border: none;
  cursor: pointer;
}

.mini-oval:focus, .mini-oval:hover {
  background: #05a677;
  outline: none;
}

.mini-oval [class*="flaticon-"]::before {
  font-size: 13px !important;
  width: 6px;
  height: 10px;
  color: #fafafa;
}

.oval-icon {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(202, 202, 202, 0.5);
  vertical-align: middle;
  -webkit-transition: all .15s;
  transition: all .15s;
}

.oval-icon [class*="flaticon-"]::before, .oval-icon [class^="flaticon-"]::before {
  font-size: 14px !important;
}

.oval-big {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 75px;
  height: 75px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}

.oval-big:hover {
  background: rgba(255, 255, 255, 0.08);
}

.oval-big [class^="flaticon-"], .oval-big [class*="flaticon-"] {
  font-size: 18px;
  color: #fff !important;
}

.bundle-badge, .best-sell-badge {
  color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.bundle-badge {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 9px;
  font-weight: 700;
  background-color: #ff9142;
  letter-spacing: 1px;
  text-align: center;
  z-index: 2;
}

.best-sell-badge {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 600;
  background-color: #07d79b;
  text-align: left;
}

.bundle-badge-small {
  padding: 0px 4px;
}

.bundle-badge-big {
  width: auto;
  height: auto;
  padding: 0 50px;
}

.best-sell-badge-small {
  width: auto;
  height: auto;
  padding: 3px 6px;
  max-width: 110px;
  max-height: 26px;
}

.tag-bunle {
  font-family: 'Nunito Sans', sans-serif, arial;
  display: inline-block;
  padding: 4px 17px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ff9142;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

/*=============================================
1.7 Status bar
=============================================*/
@-webkit-keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}

@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    visibility: visible;
  }
}

@-webkit-keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}

@keyframes animate-height {
  0% {
    height: 0;
  }
  100% {
    visibility: visible;
  }
}

.stat-bar {
  height: 8px;
  background-color: #f6f6f6;
  overflow: hidden;
}

.stat-bar:last-child {
  margin-bottom: 0;
}

.stat-bar-rating {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: white;
  text-align: center;
  text-indent: -9999px;
  background-color: #07d79b;
}

.stat-bar-rating {
  visibility: hidden;
  width: 0;
  -webkit-animation: animate-width;
  animation: animate-width;
  animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.stat-bar:nth-of-type(1) .stat-bar-rating {
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
}

.stat-bar:nth-of-type(2) .stat-bar-rating {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.stat-bar:nth-of-type(3) .stat-bar-rating {
  animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
}

.card-price-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (max-width: 991px) {
  .card-price-menu {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.card-price--25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 991px) and (min-width: 576px) {
  .card-price--25:nth-child(even) {
    margin-left: 2%;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  .card-price--25:nth-child(odd) {
    margin-right: 2%;
  }
}

@media (max-width: 991px) {
  .card-price--25 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    max-width: 48%;
    margin-top: 4%;
  }
}

.card-price--3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.card-price--2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
  margin: 0 15px;
}

.card-price-menu__item {
  position: relative;
  padding: 40px 30px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
          box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
  -webkit-transition: all .5s;
  transition: all .5s;
}

@media (max-width: 575px) {
  .card-price-menu__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }
}

.card-price-menu__item::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.card-price-menu__item.item-free {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: solid 1px #09c199;
}

.card-price-menu__item.active:not(.item-free), .card-price-menu__item:hover:not(.item-free) {
  background: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-price-menu__item.active:not(.item-free)::before, .card-price-menu__item:hover:not(.item-free)::before {
  -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
          transform: scale(1.06);
  background-color: #009688;
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
}

.card-price-menu__item.active:not(.item-free) .card-price-top, .card-price-menu__item:hover:not(.item-free) .card-price-top {
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}

.card-price-menu__item.active:not(.item-free) .card-price-top__price span, .card-price-menu__item:hover:not(.item-free) .card-price-top__price span {
  color: #fff;
}

.card-price-menu__item.active:not(.item-free) .card-price-top__nature, .card-price-menu__item.active:not(.item-free) .card-price-top__time, .card-price-menu__item:hover:not(.item-free) .card-price-top__nature, .card-price-menu__item:hover:not(.item-free) .card-price-top__time {
  color: #fff;
}

.card-price-menu__item.active:not(.item-free) .card-price-top:after, .card-price-menu__item:hover:not(.item-free) .card-price-top:after {
  background-color: #fff;
}

.card-price-menu__item.active:not(.item-free) .card-price-body__log, .card-price-menu__item.active:not(.item-free) .card-price-body__content, .card-price-menu__item:hover:not(.item-free) .card-price-body__log, .card-price-menu__item:hover:not(.item-free) .card-price-body__content {
  color: #fff;
}

.card-price-menu__item.active:not(.item-free) .card-price-body__button .btn-green, .card-price-menu__item:hover:not(.item-free) .card-price-body__button .btn-green {
  background-color: #fff;
  color: #09c199;
}

.card-price-menu__item.active:not(.item-free) .card-price-body__button .btn-green:hover, .card-price-menu__item.active:not(.item-free) .card-price-body__button .btn-green:focus, .card-price-menu__item:hover:not(.item-free) .card-price-body__button .btn-green:hover, .card-price-menu__item:hover:not(.item-free) .card-price-body__button .btn-green:focus {
  background-color: #fff;
  color: #09c199;
}

.card-price-menu__item .card-price-top {
  position: relative;
  padding-bottom: 24px;
  border-bottom: 3px solid rgba(151, 151, 151, 0.1);
  margin-bottom: 16px;
  z-index: 2;
}

.card-price-menu__item .card-price-top__nature, .card-price-menu__item .card-price-top__price {
  font-family: 'Nunito Sans', sans-serif, arial;
}

.card-price-menu__item .card-price-top__nature {
  font-size: 15px;
  font-weight: bold;
  color: #07d79b;
  margin-bottom: 16px;
}

.card-price-menu__item .card-price-top__price .sign {
  position: absolute;
  right: 100%;
  top: 0;
  margin-top: 13px;
  margin-right: 4px;
  font-size: 22px;
  color: #42495b;
}

.card-price-menu__item .card-price-top__price .value {
  position: relative;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
  color: #42495b;
}

.card-price-menu__item .card-price-top__time {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #868686;
  min-height: 72px;
}

.card-price-menu__item .card-price-body {
  position: relative;
  z-index: 2;
}

.card-price-menu__item .card-price-body__log {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 18px;
  color: #42495b;
  margin-bottom: 16px;
}

.card-price-menu__item .card-price-body__content {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  color: #42495b;
  margin-bottom: 38px;
}

.card-price-menu__item .card-price-body__button .btn-green {
  margin: 0 auto;
}

.card-price-menu__item .card-price-body__button .btn-green:hover, .card-price-menu__item .card-price-body__button .btn-green:focus {
  background-color: #fff;
  color: #09c199;
}

/*=============================================
1.8 Table in page
=============================================*/
.learning-table {
  margin-bottom: 0;
}

.learning-table th, .learning-table td {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-weight: 400;
  color: #42495b;
  padding: 15px 32px !important;
  border: none !important;
}

@media (max-width: 768px) {
  .learning-table th, .learning-table td {
    padding: 15px !important;
  }
}

@media (max-width: 767px) {
  .learning-table th, .learning-table td {
    padding: 10px !important;
  }
}

.learning-table th {
  font-size: 22px;
  text-align: center;
}

@media (max-width: 767px) {
  .learning-table th {
    font-size: 18px;
  }
}

.learning-table td:not(.space):not(.check) {
  font-size: 18px;
}

@media (max-width: 767px) {
  .learning-table td:not(.space):not(.check) {
    font-size: 14px;
  }
}

.learning-table .check {
  text-align: center;
}

.learning-table .space {
  font-size: 14px;
  font-weight: 700;
  background-color: #fafafa;
}

.learning-table .icon-check::before {
  font-size: 15px;
  color: #42495b;
}

@media (max-width: 767px) {
  .learning-table .icon-check::before {
    font-size: 10px;
  }
}

.carousel-slide .carousel-slide__item {
  display: table;
  width: 100%;
}

.carousel-slide .carousel-slide__item:focus {
  outline: none;
}

.carousel-slide .carousel-slide__item__holder, .carousel-slide .carousel-slide__item__info {
  position: relative;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}

.carousel-slide .carousel-slide__item__holder {
  width: 40%;
}

@media (max-width: 767px) {
  .carousel-slide .carousel-slide__item__holder {
    display: block;
    width: 100%;
  }
}

.carousel-slide .carousel-slide__item__holder::before {
  display: block;
  content: "";
  padding-top: 121%;
}

.carousel-slide .carousel-slide__item__holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: none;
  width: auto;
  height: 100%;
}

.carousel-slide .carousel-slide__item__holder .holder-wrapper {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.carousel-slide .carousel-slide__item__info {
  width: 60%;
  padding-right: 84px;
}

.carousel-slide .carousel-slide__item__info .icon-quote {
  display: inline-block;
  margin-bottom: 48px;
}

.carousel-slide .carousel-slide__item__info .icon-quote::before {
  font-size: 40px;
  color: #07d79b;
}

@media (max-width: 768px) {
  .carousel-slide .carousel-slide__item__info .icon-quote {
    margin-bottom: 20px;
  }
}

.carousel-slide .carousel-slide__item__info .content-text {
  margin-bottom: 32px;
}

.carousel-slide .carousel-slide__item__info .article-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: bold;
  color: #42495b;
  margin-bottom: 4px;
}

.carousel-slide .carousel-slide__item__info .specialize {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 600;
  color: #868686;
}

/*=============================================
1.9 Card course in page
=============================================*/
.courses__wapper {
  border: solid 1px rgba(232, 232, 232, 0.54);
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.courses__item:focus {
  outline: 0;
}

.courses__item.slick-slide {
  height: auto;
  padding: 0 15px;
}

.courses__top {
  position: relative;
}

.courses__top:hover .courses__hover {
  opacity: 1;
  visibility: visible;
}

.courses__top__wapper {
  position: relative;
  overflow: hidden;
}

.courses__top__wapper:before {
  content: '';
  display: block;
  padding-top: 61%;
}

.courses__top__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.courses__top__bundle {
  z-index: 2;
  position: absolute;
  bottom: -9px;
  left: 22px;
  display: inline-block;
  padding: 5px 11px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #ff9142;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.courses__top__bt-seller {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(-90deg) translateY(-100%);
      -ms-transform: rotate(-90deg) translateY(-100%);
          transform: rotate(-90deg) translateY(-100%);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  padding: 5px 11px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #07d79b;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.courses__content {
  padding: 20px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
  background-color: #fff;
}
.courses__content__sub_title{
  display: inline-block;
  margin-bottom: 15px;
  font-size: 18px;
  color: #42495b;
}
.courses__content__title {
  display: inline-block;
  margin-bottom: 8px;
}

.courses__content__title:hover,.courses__content__sub_title:hover {
  color: #07d79b;
}

.courses__content__author {
  margin-bottom: 16px;
  font-size: 0;
}

.courses__content__image {
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.courses__content__info {
  font-size: 0;
}

.courses__content__author-name {
  max-width: 110px;
  margin-left: 10px;
  text-align: left;
  font-size: 14px;
  color: #868686;
  text-transform: capitalize;
}

.courses__content__author-name:hover {
  color: #42495b;
}

.courses__content__icon {
  margin-right: 10px;
}

.courses__content__price {
  font-weight: 600;
  font-size: 22px;
  color: #07d79b;
}

.courses__list .slick-list {
  padding-bottom: 20px;
}

.courses__col-left {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.courses__col-right {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.courses__hover {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 125, 250, 0.9);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

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

.courses__hover-content__item {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  line-height: 43px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses__hover-content__item:hover {
  background-color: #07d79b;
  color: #fff;
}

.courses__hover-content__icon::before {
  margin-left: 0;
}

.specializations .rating-start {
  display: none;
}

.rated-course .courses__top__bundle {
  display: none;
}

.rated-course .courses__top__bt-seller {
  display: none;
}

.feature-course .rating-start {
  display: none;
}

.feature-course .courses__top__bundle {
  display: none;
}

.feature-course .courses__top__bt-seller {
  display: none;
}

.feature-course .courses__hover {
  display: none;
}

/*=============================================
1.1 Partials all page
=============================================*/
.over-flow-body {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}

.over-flow-body .positionfixed {
  position: fixed;
  top: 68px;
  z-index: 998;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #868686;
  opacity: 0.5;
}

.btn-ontop {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  outline: none;
  cursor: pointer;
  padding: 5px 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.btn-ontop--show {
  opacity: 1;
  visibility: visible;
}

.btn-ontop .flaticon-arrows-5::before {
  margin-left: 0;
}

/*=============================================
1.2 Header content
  Header content
    1.1 Header top
      1.1.1 Logo
      1.1.2 Catagories button
        List catagories
        Cate sub
      1.1.3 Form search
      1.1.4 Nav Right
        Profile dropdown
    1.2 Header bottom
      1.2.1 Menu main
=============================================*/
.header-content {
  height: auto;
}

.header-top {
  position: relative;
  border-bottom: solid 1px rgba(134, 134, 134, 0.15);
  margin-bottom: unset;
}

.header-top__top {
  background-color: white;
  border: unset;
  padding: 31px 0 25px;
  -webkit-border-radius: 0;
          border-radius: 0;
  margin-bottom: unset;
}

.logo {
  display: inline-block;
  width: 213px;
}

@media (max-width: 768px) {
  .logo {
    margin-top: 10px;
    display: block;
  }
}

.logo--menu {
  margin-right: 30px;
  width: 0;
  vertical-align: middle;
  position: absolute;
  opacity: 0;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.logo--menu--active {
  margin-top: 8px;
  width: 140px;
  position: static;
  display: inline-block;
  opacity: 1;
}

.logo__link {
  display: inline-block;
  height: unset;
  padding: 0;
}

@media (max-width: 1199px) {
  .logo__link {
    width: 150px;
    padding: 10px 0;
  }
}

@media (max-width: 991px) {
  .logo__link {
    padding: 0;
    width: 120px;
  }
}

.logo__image {
  max-width: 100%;
  height: auto;
}

.logo--mobile {
  display: block;
  margin-top: 15px;
}

.categories {
  position: relative;
  display: inline-block;
  padding: 15px 3px;
  margin-right: 10px;
}

.categories:hover .dropdown-catagories {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.categories__button {
  display: block;
  text-decoration: unset;
  color: #42495b;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.categories__button:hover, .categories__button:focus {
  text-decoration: unset;
  color: #00d99a;
}

.categories__button:hover .categories__icon, .categories__button:focus .categories__icon {
  color: #00d99a;
}

.categories__icon {
  margin-right: 15px;
  color: #868686;
}

.categories--mobile {
  margin-top: 12px;
}

.categories--mobile__icon {
  color: #868686;
}

.categories--mobile__icon::before {
  margin-left: 0;
  font-size: 28px;
}

.dropdown-catagories {
  z-index: 100;
  position: absolute;
  min-width: 213px;
  left: 0;
  top: 100%;
  background-color: white;
  border: 1px solid rgba(134, 134, 134, 0.15);
  -webkit-box-shadow: -0.2px 3px 16px #e1e1e1;
  box-shadow: -0.2px 3px 16px #e1e1e1;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.dropdown-catagories__list {
  border-top: 3px solid #1fae66;
  padding-top: 2px;
}

.dropdown-catagories__item {
  position: static;
  padding: 7px 13px;
  -webkit-transition: border-left 0.5s ease;
  transition: border-left 0.5s ease;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.dropdown-catagories__item:hover .cate-sub {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.dropdown-catagories__item:hover .dropdown-catagories__link {
  color: #099b72;
}

.dropdown-catagories__item:hover .dropdown-catagories__icon {
  color: #42495b;
}

.dropdown-catagories__item:last-child {
  padding-bottom: 10px;
}

.dropdown-catagories__link {
  display: inline-block;
  width: -webkit-calc(100% - 34px);
  width: calc(100% - 34px);
  color: #868686;
  text-transform: capitalize;
}

.dropdown-catagories__icon {
  color: #868686;
}

.dropdown-catagories__icon::before {
  font-size: 14px;
}

.cate-sub {
  position: absolute;
  min-height: -webkit-calc(100% + 2px);
  min-height: calc(100% + 2px);
  z-index: 999;
  top: -1px;
  left: 100%;
  min-width: 200px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.cate-sub--menu {
  min-height: unset;
  top: 100%;
  left: 18px;
}

.cate-sub__item {
  padding: 5px 10px;
  border-left: 4px solid transparent;
  -webkit-transition: border-left 0.5s ease;
  transition: border-left 0.5s ease;
}

.cate-sub__item:hover, .cate-sub__item:focus {
  border-left: 4px solid #868686;
}

.cate-sub__item:hover .cate-sub__link, .cate-sub__item:focus .cate-sub__link {
  color: #42495b;
}

.cate-sub__link {
  color: #868686;
  text-transform: capitalize;
}

.form-search {
  display: inline-block;
  margin: 0;
  padding: 11px 0;
}

.form-search__input-group {
  overflow: hidden;
  width: 330px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: solid 1px #e8e8e8;
  background-color: #fefefe;
}

@media (max-width: 1199px) {
  .form-search__input-group {
    width: 238px;
  }
}

.form-search__btn-group {
  display: inline-block;
  float: right;
}

.form-search__input {
  display: inline-block;
  width: -webkit-calc(100% - 36px) !important;
  width: calc(100% - 36px) !important;
  height: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px;
  line-height: unset;
}

.form-search__input:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.form-search__input:focus .form-search__input-group {
  -webkit-box-shadow: 0px 0px 8px 1px rgba(7, 215, 155, 0.59);
          box-shadow: 0px 0px 8px 1px rgba(7, 215, 155, 0.59);
}

.form-search__input::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #868686;
}

.form-search__input::-moz-placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #868686;
}

.form-search__input:-ms-input-placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #868686;
}

.form-search__input::placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #868686;
}

.form-search__button {
  padding: 5px 10px;
  margin-left: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  outline: unset;
}

.form-search__button:hover, .form-search__button:focus, .form-search__button:active:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  outline-offset: none;
}

.form-search__button--mobile {
  border: unset;
  background-color: unset;
  padding: 0 12px;
}

.form-search__button--mobile:hover, .form-search__button--mobile:focus, .form-search__button--mobile:active:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  outline-offset: none;
}

.form-search__icon {
  color: #42495b;
}

.form-search__icon:hover {
  color: #00d99a;
}

.form-search__icon::before {
  margin-left: 0;
  font-size: 16px;
}

.form-search--mobile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.form-search--mobile .form-search__input-group {
  display: inline-block;
  margin-top: 8px;
  width: -webkit-calc(100% -  45px);
  width: calc(100% -  45px);
}

.form-search--mobile .form-search__input {
  padding: 9px;
}

.form-search--mobile .form-search__button--close {
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
}

.form-search--mobile.collapse.in {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

/*.match-group{
  padding: 10px 0;
  margin: auto 0;
  &__icon-group, &__login-rigister-link{
    display: inline-block;
  }
  &__icon-group{
    a{
      position: relative;
      color: $gray-light;
      &:first-child{
        margin-right: 34px;
      }
      .icon-custom{
        &::before{
          font-size: 18px!important;
        }
      }
      .icon-al{
        position: absolute;
        left: 100%;
        bottom: 70%;
      }
    }
  }
  &__login-rigister-link{
    .divider{
      display: inline-block;
      height: 8px;
      width: 2px;
      background-color: $color_link_right;
      margin: auto 6px;
    }
    a{
      @include font-style($lh: false,$size: 14px,$weight:700,$color: $gray-light-l);
      &:hover{
        color: $green-dr;
      }
    }
  }
  .button-default{
    margin: 0 24px;
  }
}*/
.navbar-inverse {
  border-color: transparent;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
}

.nav-right {
  margin-right: 0;
  padding: 10px 0;
}

.nav-right__instructor {
  padding: 6px 30px;
  vertical-align: middle;
}

@media (max-width: 479px) {
  .nav-right__instructor {
    display: none;
  }
}

.nav-right__become {
  padding: 8px;
  margin: 0 15px;
  vertical-align: middle;
}

@media (max-width: 1199px) {
  .nav-right__become {
    margin: 0 5px;
  }
}

@media (max-width: 479px) {
  .nav-right__become {
    display: none;
  }
}

.nav-right__notifications {
  display: inline-block;
  vertical-align: middle;
}

.nav-right__item {
  position: relative;
  margin-right: 18px;
  color: #868686;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  cursor: pointer;
}

.nav-right__item:hover {
  text-decoration: none;
  color: #42495b;
  -webkit-transform: translate(1.02);
      -ms-transform: translate(1.02);
          transform: translate(1.02);
}

.nav-right__item:hover .nav-right__item__notification {
  background-color: #09c199;
  color: #daf9f0;
}

.nav-right__item__notification {
  position: absolute;
  bottom: 16px;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 9px;
  background-color: #daf9f0;
  color: #09c199;
  font-weight: bold;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.nav-right__item__icon:before {
  margin-left: 10px;
}

.nav-right__profile {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-left: 18px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: solid 1px #868686;
  color: #868686;
  text-align: center;
}

.nav-right__profile:hover {
  color: #07d79b;
}

.nav-right__profile:hover .profile {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.nav-right__profile__icon {
  line-height: 40px;
}

.nav-right__profile__icon:before {
  margin-left: 0px;
}

.nav-right__profile__status {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 1px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #07d79b;
}

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

.nav-right__signin span {
  color: #42495b;
  margin: 0 5px;
}

.nav-right__signin__link {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #42495b;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .nav-right__signin__link {
    font-size: 12px;
  }
}

.nav-right__signin__link:hover, .nav-right__signin__link:focus {
  color: #07d79b;
}

.nav-right--notlogin {
  display: none;
  padding: 12px 0;
}

.nav-right--notlogin--mobile {
  display: block;
}

.profile {
  position: absolute;
  right: 0;
  margin-top: 20px;
  top: 23px;
  min-width: 170px;
  text-align: center;
  background-color: #fff;
  color: #42495b;
  padding: 20px 0;
  -webkit-box-shadow: -0.2px 3px 16px 0 #b0b0b0;
          box-shadow: -0.2px 3px 16px 0 #b0b0b0;
  border-top: 3px solid #1fae66;
  z-index: 5;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.profile__avatar {
  /* display: inline-block; */
  margin: 0 auto;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  /* padding: 2px; */
  /* border: 1px solid #868686; */
  
  display: flex;
  justify-content: center;
  overflow: hidden;
  align-items: flex-start;
}

.profile__image {
  width: 100%;
  font-size: 13px;
}

.profile__user-name {
  display: block;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: 300;
  color: #42495b;
  border-bottom: solid 1px rgba(134, 134, 134, 0.15);
}

.profile__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.profile__icon::before {
  margin-left: 0;
  font-size: 14px;
}

.profile__course {
  align-items: center;
  display: flex;
  text-align: left;
  margin-bottom: 5px;
  color: #868686;
  cursor: pointer;
  padding: 0 20px;
}

.profile__course i {
    min-width: 25px;
}

.profile__course:hover, .profile__course:focus {
  color: #07d79b;
}

.profile__btn {
  display: inline-block;
  padding: 5px 30px;
}

.profile.collapse.in {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.bottom-header {
  z-index: 999;
  top: 0;
  width: 100%;
  -webkit-box-shadow: -0.2px 3px 16px #f4f4f4;
  box-shadow: -0.2px 3px 16px #f4f4f4;
  background-color: #fff;
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

.bottom-header.affix-top {
  /* text-align: center; */
}

.bottom-header.affix .menu-main__item:last-child {
  margin-right: 0;
}

.bottom-header.affix .menu-main__item:last-child .cate-sub {
  left: -100%;
}

.nav > li > a:focus {
  background-color: #fff;
}

.menu-main {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.menu-main li.menu-main__item {
  position: relative;
  margin: 0 28px;
  text-align: left;
}

.menu-main li.menu-main__item:first-child {
  margin-left: 0;
}

.menu-main li.menu-main__item:last-child {
  margin-right: 0;
}

@media (max-width: 1199px) {
  .menu-main li.menu-main__item {
    margin: 0 14px;
  }
}

.menu-main li.menu-main__item.active a.menu-main__link {
  background-color: #fff;
  color: #00d99a;
  -webkit-transition: color 250ms ease-out;
  transition: color 250ms ease-out;
}

.menu-main li.menu-main__item:hover .dropdown-catagories {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.menu-main li.menu-main__item > a.menu-main__link {
  padding: 28px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #42495b;
  -webkit-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
}

.menu-main li.menu-main__item > a.menu-main__link:hover, .menu-main li.menu-main__item > a.menu-main__link.active {
  background-color: #fff;
  color: #00d99a;
  -webkit-transition: color 250ms ease-out;
  transition: color 250ms ease-out;
}

@media (max-width: 1199px) {
  .menu-main li.menu-main__item > a.menu-main__link {
    padding: 14px 0;
  }
}

.menu-main__icon::before {
  font-size: 14px;
}

.menu-main__list .dropdown-catagories__link--full {
  width: 100%;
}

.menu-main.fix-header {
  float: right;
}

@media (max-width: 1199px) {
  .menu-main.fix-header {
    margin-top: 15px;
  }
}

.menu-main.fix-header .menu-main__item {
  margin: 0 16px;
}

@media (max-width: 1199px) {
  .menu-main.fix-header .menu-main__item {
    margin: 0 14px;
  }
}

.menu-main.fix-header .menu-main__link {
  padding: 16px 0 !important;
  -webkit-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
}

.header__mobile {
  position: relative;
}

.header__mobile .navbar-toggle {
  margin-top: 23px;
}

.header__mobile .navbar-toggle .icon-bar {
  background-color: #868686;
}

.header__mobile .navbar {
  margin-bottom: 0;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.header__mobile .navbar.affix .menu-mobile {
  height: -webkit-calc(100vh - 69px);
  height: calc(100vh - 69px);
}

.header__mobile .navbar.affix-top .menu-mobile {
  height: -webkit-calc(100vh - 127px);
  height: calc(100vh - 127px);
}

#menu-hamberger {
  position: relative;
}

#menu-hamberger .bar {
  width: 32px;
  height: 5px;
  position: relative;
  display: block;
  background: #868686;
  transition: all 0ms 300ms;
  -webkit-transition: all 0ms 300ms;
  -o-transition: all 0ms 300ms;
}

#menu-hamberger .bar:before, #menu-hamberger .bar:after {
  width: 32px;
  height: 5px;
}

#menu-hamberger .bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: #868686;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

#menu-hamberger .bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: #868686;
  -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

#menu-hamberger .bar.animate {
  background: rgba(255, 255, 255, 0);
}

#menu-hamberger .bar.animate:before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

#menu-hamberger .bar.animate:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

#header-mobile .navbar-toggle {
  padding: 0;
}

.menu-mobile,
.menu-mobile-dropdown {
  background-color: #2A3642;
  position: fixed;
  right: 0;
  z-index: 1000;
  width: 50%;
  height: 100%;
  overflow: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.menu-mobile.open,
.menu-mobile-dropdown.open {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 479px) {
  .menu-mobile,
  .menu-mobile-dropdown {
    width: 100%;
  }
}

.menu-mobile .menu-mobile__item.open > .menu-mobile__icon,
.menu-mobile-dropdown .menu-mobile__item.open > .menu-mobile__icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.menu-mobile__list,
.menu-mobile-dropdown__list {
  width: 100%;
}

.menu-mobile__link,
.menu-mobile-dropdown__link {
  padding: 10px 15px;
  display: inline-block;
  width: -webkit-calc(100% - 44px);
  width: calc(100% - 44px);
  color: #C0C9D1;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.menu-mobile__link:hover, .menu-mobile__link:focus,
.menu-mobile-dropdown__link:hover,
.menu-mobile-dropdown__link:focus {
  color: #C0C9D1;
}

.menu-mobile__icon,
.menu-mobile-dropdown__icon {
  position: relative;
  z-index: 999;
  float: right;
  padding: 10px 15px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu-mobile__icon::before,
.menu-mobile-dropdown__icon::before {
  margin-left: 0;
  font-size: 14px;
}

.menu-mobile--categories,
.menu-mobile-dropdown--categories {
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.menu-mobile.collapse.in {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.dropdown-backdrop {
  display: none;
}

.dropdown-mobile {
  position: unset;
  width: 100%;
  margin: 0;
  padding: 0;
  border: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #31404f;
}

.dropdown-mobile li > a.dropdown-mobile__link {
  display: inline-block;
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  padding: 10px 15px;
  color: #C0C9D1;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dropdown-mobile li > a.dropdown-mobile__link:hover {
  background-color: #2c3f53;
}

.dropdown-mobile .dropdown-mobile {
  background-color: #394857;
}

.icon-rotate {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*=============================================
2.4 Home page
  2.4.1. Design sprint
  2.4.2. List icon
  2.4.3. List course
  2.4.4. Courses
  2.4.5. The best Features
  2.4.6. Promotions
  2.4.7. Blog
  2.4.8. Form
  2.4.9.Destimotials
=============================================*/
/*==============================
=     Design sprint            =
==============================*/
.home .footer {
  background-color: unset;
  position: relative;
}

.home .footer::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 73, 91, 0.44)), to(#273341));
  background-image: -webkit-linear-gradient(top, rgba(66, 73, 91, 0.44), #273341);
  background-image: linear-gradient(to bottom, rgba(66, 73, 91, 0.44), #273341);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home .footer #video-background {
  display: block;
}

.home .footer__top {
  display: block;
  position: relative;
  z-index: 10;
}

.design-sprint {
  padding: 100px 0;
  background: url(/../img/home/Heading.png) center no-repeat fixed;
  background-size: cover;
}

@media (max-width: 1199px) {
  .design-sprint {
    padding: 100px 0;
  }
}

.design-sprint__item__title {
  margin: 0 0 20px;
  font-size: 55px;
  line-height: 1.18;
  color: #42495b;
  text-align: left;
  text-transform: capitalize;
}

@media (max-width: 1199px) {
  .design-sprint__item__title {
    font-size: 48px;
  }
}

.design-sprint__item__content {
  font-family: 'Nunito Sans', sans-serif, arial;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #868686;
  text-align: left;
  letter-spacing: 0.2px;
}

.design-sprint__item__button {
  padding: 15px 50px;
  font-size: 14px;
}

.design-sprint__wapper {
  position: relative;
  font-size: 0;
  overflow: hidden;
}

.design-sprint__wapper:hover .design-sprint__wapper__image {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.design-sprint__wapper:before {
  content: '';
  display: block;
  padding-top: 54%;
}

.design-sprint__wapper__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.design-sprint__contents {
  padding: 15px 30px;
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  background-color: #fff;
}

.design-sprint__contents__title {
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
}

.design-sprint__contents__title:hover, .design-sprint__contents__title:focus {
  color: #07d79b;
}

@media (max-width: 1199px) {
  .design-sprint__contents__title {
    font-size: 18px;
  }
}

.design-sprint__contents__link {
  margin-bottom: 10px;
  font-size: 14px;
  color: #09c199;
  text-transform: uppercase;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.design-sprint__contents__link:hover {
  text-decoration: none;
  color: #099b72;
}

.design-sprint__contents__link::focus {
  outline: unset;
}

@media (max-width: 1199px) {
  .design-sprint__contents__link {
    font-size: 14px;
  }
}

/*=====  End of 1.Design sprint  ======*/
/*==============================
=      List icons               =
==============================*/
.list-icons {
  margin-bottom: 100px;
}

.list-icons__list {
  padding: 30px 0;
  border-bottom: solid 1px rgba(134, 134, 134, 0.15);
}

.list-icons__link {
  display: inline-block;
  width: 80px;
  height: 70px;
}

.list-icons__item {
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.list-icons__item:focus {
  outline: unset;
}

.list-icons__image {
  max-width: 100%;
  height: auto;
}

.active-item {
  opacity: 0.3;
}

/*=====  End of 2.List icons  ======*/
/*==============================
=      List courses            =
==============================*/
.list-course {
  margin-bottom: 100px;
}

.list-course__gird {
  margin: 0 -15px;
}

.list-course__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.list-course__header__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 50px;
  color: #42495b;
  text-transform: capitalize;
  text-align: center;
}

@media (max-width: 991px) {
  .list-course__header__title {
    font-size: 40px;
  }
}

.list-course__header__btn {
  cursor: pointer;
  font-size: 14px;
  color: #09c199;
  text-transform: uppercase;
}

.list-course__header__btn:hover {
  color: #099b72;
}

.list-course__header__btn:hover .list-course__header__icon {
  color: #868686;
}

.list-course__header__icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-left: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #07d79b;
  color: #fafafa;
  cursor: pointer;
}

.list-course__header__icon:hover {
  background-color: #09c199;
}

.list-course__header__icon-arrow {
  width: 6px;
  height: 10px;
}

.list-course__header__icon-arrow::before {
  font-size: 12px;
  margin-left: 0;
}

.list-course .slick-list {
  padding: 20px 0;
}

/*=====  End of List courses  ======*/
/*==============================
=      Courses                 =
==============================*/
.courses__wapper {
  border: solid 1px rgba(232, 232, 232, 0.54);
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.courses__item:focus {
  outline: 0;
}

.courses__item.slick-slide {
  height: auto;
  padding: 0 15px;
}

.courses__top {
  position: relative;
}

.courses__top:hover .courses__hover {
  opacity: 1;
  visibility: visible;
}

.courses__top__wapper {
  position: relative;
}

.courses__top__wapper:before {
  content: '';
  display: block;
  padding-top: 61%;
}

.courses__top__image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
}

.courses__top__bundle {
  z-index: 2;
  position: absolute;
  bottom: -12px;
  left: 22px;
  display: inline-block;
  padding: 5px 11px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #ff9142;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.courses__top__bt-seller {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(-90deg) translateY(-100%);
      -ms-transform: rotate(-90deg) translateY(-100%);
          transform: rotate(-90deg) translateY(-100%);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  padding: 5px 11px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #07d79b;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.courses__content {
  padding: 20px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
  background-color: #fff;
}

.courses__content__title {
  display: inline-block;
  margin-bottom: 8px;
}

.courses__content__title:hover {
  color: #07d79b;
}

.courses__content__author {
  margin-bottom: 16px;
  font-size: 0;
}

.courses__content__avatar {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.courses__content__image {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.courses__content__info {
  font-size: 0;
}

.courses__content__author-name {
  max-width: 110px;
  margin-left: 10px;
  text-align: left;
  font-size: 14px;
  color: #868686;
  text-transform: capitalize;
}

.courses__content__author-name:hover {
  color: #42495b;
}

.courses__content__icon {
  margin-right: 10px;
}

.courses__content__price {
  font-weight: 600;
  font-size: 22px;
  color: #07d79b;
}

.courses__list .slick-list {
  padding-bottom: 20px;
}

.courses__col-left {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.courses__col-right {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.courses__hover {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 125, 250, 0.9);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

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

.courses__hover-content__item {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  line-height: 43px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.courses__hover-content__item:hover {
  background-color: #07d79b;
  color: #fff;
}

.courses__hover-content__icon::before {
  margin-left: 0;
}

/*=====  End of Courses  ======*/
.col-left {
  width: 50%;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  color: #868686;
}

.col-left__item {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
  color: #959595;
}

.col-right {
  font-size: 22px;
  color: #07d79b;
}

.specializations .rating-start {
  display: none;
}

.rated-courses .courses__top__bundle, .rated-courses .courses__top__bt-seller {
  display: none;
}

/*==============================
=    5. The best Features      =
==============================*/
.best-features {
  margin-bottom: 50px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(52%, #e8f5fe), color-stop(52%, #ffffff));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #e8f5fe 52%, #ffffff);
  background-image: linear-gradient(to top, #ffffff, #e8f5fe 52%, #ffffff);
}

.item {
  margin-bottom: 50px;
}

.item::before, .item::after {
  content: '';
  display: table;
}

.item::after {
  clear: both;
}

.item__left, .item__right {
  display: inline-block;
  vertical-align: middle;
}

.item:nth-child(2) .item__left {
  float: right;
}

.item__left__image {
  margin-bottom: 25px;
}

.item__left__title {
  max-width: 259px;
  margin-bottom: 15px;
  font-size: 32px;
}

.item__left__content {
  font-family: 'Nunito Sans', sans-serif, arial;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

.item__right {
  position: relative;
}

.item__right__image-left {
  position: relative;
  overflow: hidden;
}

.item__right__image-left::before {
  content: '';
  display: block;
}

.item__right__image-right {
  position: absolute;
  overflow: hidden;
  top: 52px;
  right: 0;
}

.item__right__image-right::before {
  content: '';
  display: block;
}

.item__right__image {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.item:nth-child(1) .item__right__image-left {
  width: 370px;
}

.item:nth-child(1) .item__right__image-left::before {
  padding-top: 120%;
}

.item:nth-child(1) .item__right__image-right {
  width: 270px;
}

.item:nth-child(1) .item__right__image-right::before {
  padding-top: 110%;
}

.item:nth-child(2) .item__right__image-left {
  width: 470px;
}

.item:nth-child(2) .item__right__image-left::before {
  padding-top: 95.95%;
}

.item:nth-child(2) .item__right__image-right {
  width: 330px;
}

.item:nth-child(2) .item__right__image-right::before {
  padding-top: 78.4%;
}

.item:nth-child(3) .item__right__image-left-3 {
  display: inline-block;
  position: relative;
  width: 211px;
  top: 72px;
  z-index: 2;
}

.item:nth-child(3) .item__right__image-left-3::before {
  content: '';
  display: block;
  padding-top: 97.6%;
}

.item:nth-child(3) .item__right__image-right-3 {
  position: relative;
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  float: right;
  margin-right: -12px;
}

.item:nth-child(3) .item__right__image-right-3::before {
  content: '';
  display: block;
  padding-top: 98.7%;
}

/*=====  End of 5. The best Features  ======*/
/*==============================
=    6. Promotions             =
==============================*/
.promotions {
  margin-bottom: 100px;
}

.promotions__list {
  margin: 0 -15px;
}

.promotions__item {
  padding: 0;
}

.pro-item {
  display: table;
  margin: 0 15px;
  padding: 48px 50px;
  background-color: #07d79b;
  color: #fff;
  cursor: pointer;
}

.pro-item:hover, .pro-item:focus {
  color: #fff;
  -webkit-box-shadow: -0.2px 3px 16px 0 #939393;
          box-shadow: -0.2px 3px 16px 0 #939393;
  background-color: #00cd93;
}

.pro-item__item {
  display: table-cell;
  vertical-align: top;
  padding: 0 15px;
}

.pro-item--left {
  background-color: #2d7dfa;
}

.pro-item--left:hover {
  background-color: #005ff4;
}

.pro-item__icon {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.pro-item__icon::before {
  margin-left: 0;
  font-size: 35px;
}

.pro-item__title {
  font-size: 28px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.pro-item__subcontent {
  font-size: 16px;
  font-family: 'Nunito Sans', sans-serif, arial;
  line-height: 1.5;
  letter-spacing: 0.2px;
}

.blog-col {
  width: 360px;
  padding: 0 15px;
}

.blog-col:focus {
  outline: none;
}

.blog-col__item {
  border: solid 1px #e8e8e8;
}

.blog-col__item:hover {
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
}

/*=====  End of 6. Promotions  ======*/
/*==============================
=     7. Blog                  =
==============================*/
.blog {
  margin: 0 -15px;
}

@media (max-width: 479px) {
  .blog {
    padding-top: 20px;
  }
}

.blog__item {
  display: table;
}

.blog__item__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.blog__item__left {
  position: relative;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  width: 36%;
  font-size: 0;
}

.blog__item__left::before {
  content: "";
  display: block;
  padding-top: 86%;
}

.blog__item__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog__item__right {
  display: table-cell;
  vertical-align: top;
  padding: 15px 20px;
  width: 64%;
}

.blog__item__date {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #868686;
}

.blog__item__title {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 22px;
  color: #42495b;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog__item__title:hover {
  color: #07d79b;
}

.blog__item__author {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #42495b;
}

.blog__item__author:hover {
  color: #07d79b;
}

.blog__item--right {
  padding: 15px 32px;
}

.blog__item__infor {
  display: inline-block;
  width: 100%;
}

/*=====  End of 7. Blog   ======*/
/*==============================
=     8. Form subs             =
==============================*/
.form-subs {
  position: relative;
  margin-bottom: 100px;
  opacity: 0.9;
  background: url(/../img/home/Educef_BG_02.png) center no-repeat;
  background-size: cover;
}

.form-subs::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(352deg, #0f36a5, #2d7dfa);
  background-image: linear-gradient(98deg, #0f36a5, #2d7dfa);
  opacity: 0.9;
}

.form-subs__content {
  padding: 76px 0;
  margin: 0 -15px;
}

.form-subs__form {
  margin: 2rem 0 0;
  padding: 0;
}

.form-subs__title {
  font-size: 40px;
  margin-bottom: 2px;
  color: #fff;
  text-transform: capitalize;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .form-subs__title {
    font-size: 39px;
  }
}

.form-subs__sub {
  font-size: 18px;
  color: #fff;
}

.form-subs__input, .form-subs__button {
  float: none;
}

.form-subs__input {
  width: -webkit-calc(66.67% - 13px);
  width: calc(66.67% - 13px);
  margin-right: 8px;
  background-color: #fff;
  padding: 13px 14px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: none;
}

.form-subs__button {
  width: 33.33%;
  font-size: 14px;
  padding: 16px 0;
}

@media (max-width: 1199px) {
  .form-subs__button {
    padding: 16px 24px;
  }
}

/*=====  End of 8. Form subs   ======*/
/*==============================
=     9.Testimotials            =
==============================*/
.testimotials {
  margin-bottom: 100px;
}

.testimotials__list {
  position: relative;
}

.testimotials__item {
  height: auto;
  text-align: center;
  border: solid 1px #e8e8e8;
  padding: 34px 27px;
  background-color: #fff;
  color: #868686;
}

.testimotials__item:focus {
  outline: none;
}

.testimotials__item__avatar {
  display: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.testimotials__item__image {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 100%;
  height: auto;
}

.testimotials__item__content {
  margin-bottom: 37px;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
}

.testimotials__item__user {
  margin-bottom: 8px;
  font-size: 14px;
  color: #42495b;
}

.testimotials__item__prof {
  font-size: 12px;
}

.testimotials__icon {
  margin-bottom: 24px;
}

.testimotials__icon::before {
  margin-left: 0;
  font-size: 30px;
  color: #42495b;
}

.testimotials__item.slick-slide {
  height: auto;
}

.testimotials__item.slick-center {
  z-index: 3;
  position: relative;
  border: 1px solid transparent;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}

.testimotials__item.slick-center::before {
  z-index: -1;
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 3px solid #2d7dfa;
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  -webkit-transform: scale(1.15, 1);
      -ms-transform: scale(1.15, 1);
          transform: scale(1.15, 1);
}

.testimotials__item.slick-center .testimotials__item__avatar {
  display: inline-block;
  margin-bottom: 16px;
}

.testimotials__list .slick-track {
  padding-top: 65px;
}

.testimotials__list .slick-prev, .testimotials__list .slick-next {
  opacity: 1;
  z-index: 2;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  background-color: #fff;
}

.testimotials__list .slick-prev:hover, .testimotials__list .slick-prev:focus, .testimotials__list .slick-next:hover, .testimotials__list .slick-next:focus {
  border: 1px solid #fff;
  background-color: #07d79b;
  -webkit-transition: background-color 0.05s ease;
  transition: background-color 0.05s ease;
}

.testimotials__list .slick-prev:hover::before, .testimotials__list .slick-prev:focus::before, .testimotials__list .slick-next:hover::before, .testimotials__list .slick-next:focus::before {
  color: #fff;
}

.testimotials__list .slick-prev::before, .testimotials__list .slick-next::before {
  font-family: Flaticon;
  color: #42495b;
  opacity: 1;
}

.testimotials__list .slick-prev {
  left: -20px;
}

.testimotials__list .slick-prev::before {
  content: "\f11b";
}

.testimotials__list .slick-next {
  right: -20px;
}

.testimotials__list .slick-next::before {
  content: '\f11c';
}

/*=====  End of 9. Testimotials   ======*/
@media (max-width: 992px) {
  .design-sprint__item-image {
    margin-bottom: 25px;
  }
  .item__left {
    margin-bottom: 50px;
    width: 100%;
  }
  .item__right {
    width: 100%;
  }
  .item:nth-child(4) .item__right__image-right-3::before {
    padding-top: 62.7%;
  }
  .form-subs__button {
    padding: 16px 10px;
  }
  .slick-slider .slick-list {
    margin-bottom: 0;
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .design-sprint__contents__title {
    font-size: 18px;
  }
  .design-sprint__contents__link {
    font-size: 14px;
  }
  .design-sprint__item__title {
    font-size: 35px;
  }
  .column-item {
    margin-bottom: 10px;
  }
  .promotions__item {
    padding: 0 15px;
  }
  .pro-item {
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
  }
  .pro-item__item {
    margin: 0 10px;
    display: block;
  }
  .footer__top__title {
    font-size: 37px;
  }
  .footer__top__sub {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .list-icons, .list-course, .promotions, .list-course, .form-subs {
    margin-bottom: 60px;
  }
  .best-features {
    margin-bottom: 0;
  }
  .categories__button {
    display: inline-block;
    float: left;
    line-height: 61px;
  }
  .design-sprint {
    padding: 120px 0;
  }
  .design-sprint__item__content {
    margin-bottom: 30px;
  }
  .item__left {
    margin-bottom: 30px;
  }
  .item__right {
    width: 100%;
  }
  .design-sprint__item__title {
    font-size: 36px;
  }
  .pro-item {
    padding: 20px 10px;
  }
  .column-item {
    margin-bottom: 15px;
  }
  .item__left__title {
    width: 100%;
    max-width: unset;
  }
  .blog__item {
    display: block;
    width: 100%;
  }
  .blog__item__left, .blog__item__right {
    display: block;
    width: 100%;
  }
  .blog__item__left::before {
    padding-top: 56.3%;
  }
  .blog__item__image {
    height: auto;
  }
}

@media (min-width: 425px) and (max-width: 768px) {
  .design-sprint {
    padding: 60px 0;
  }
  .design-sprint__item {
    text-align: center;
    margin-bottom: 10px;
  }
  .design-sprint__item__content, .design-sprint__item__title {
    text-align: center;
  }
  .item:nth-child(3) .item__right__image-left::before {
    padding-top: 68.95%;
  }
  .column-item {
    width: 100%;
  }
  .form-subs__content {
    padding: 20px 0;
  }
  .form-subs__title {
    font-size: 34px;
  }
  .form-subs__form {
    margin-top: 0;
  }
  .form-subs__input {
    width: -webkit-calc(100% - 210px);
    width: calc(100% - 210px);
  }
  .form-subs__button {
    width: unset;
    padding: 15px 50px;
  }
  .promotions__item {
    margin-bottom: 20px;
  }
  .item:nth-child(3) .item__right__image-left {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .logo {
    width: 140px;
  }
  .design-sprint {
    padding: 40px 0;
  }
  .design-sprint__item {
    text-align: center;
    margin-bottom: 20px;
  }
  .design-sprint__item__content, .design-sprint__item__title {
    text-align: center;
  }
  .item__left__title {
    font-size: 24px;
  }
  .item__left__content {
    font-size: 16px;
  }
  .item__right > div:nth-child(2) {
    display: none;
  }
  .item__right > div:nth-child(1) {
    top: 0 !important;
    width: 100% !important;
  }
  .item__right__image {
    width: 100%;
  }
  .column-item {
    display: block;
  }
  .form-subs__content {
    padding: 20px 0;
  }
  .form-subs__form {
    text-align: center;
  }
  .form-subs__title {
    font-size: 34px;
  }
  .form-subs__input {
    width: 100%;
    margin-bottom: 10px;
  }
  .form-subs__button {
    width: 100%;
    padding: 16px 50px;
  }
  .list-course__header {
    display: block;
  }
  .list-course__header__title {
    font-size: 30px;
  }
  .list-course__header__view-more {
    margin-bottom: 10px;
  }
  .list-course__view-more {
    float: right;
  }
  .promotions__item {
    margin-bottom: 20px;
  }
  .testimotials {
    margin-bottom: 60px;
  }
  .testimotials__item {
    margin: 0 15px;
    border-bottom: 3px solid #2d7dfa;
  }
  .testimotials__item:hover {
    -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
            box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  }
  .testimotials__item.slick-current {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 3px solid #2d7dfa;
    -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
            box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  }
  .testimotials__item.slick-current::before {
    display: none;
  }
  .testimotials__item__avatar {
    display: inline-block;
    margin-bottom: 16px;
  }
  .testimotials__list .slick-track {
    padding: 0 0 20px;
  }
  .promotions__list {
    margin: 0;
  }
  .pro-item {
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding: 25px 10px;
  }
  .pro-item__item {
    display: block;
  }
  .footer__top__title {
    font-size: 30px;
  }
  .footer__top__sub {
    font-size: 18px;
  }
  .footer__item {
    margin-bottom: 15px;
  }
  .footer__item__title {
    margin-bottom: 0;
  }
  .footer__content {
    margin-bottom: 15px;
  }
}

/*=============================================
1.3 Footer
=============================================*/
.footer {
  position: relative;
  padding-top: 71px;
  overflow: hidden;
  background-color: #343948;
  color: #939db4;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 18px;
}

.footer__top {
  display: none;
  margin-bottom: 96px;
  text-align: center;
  color: #fff;
}

.footer__top__title {
  font-size: 40px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .footer__top__title {
    font-size: 32px;
  }
}

@media (max-width: 479px) {
  .footer__top__title {
    font-size: 28px;
  }
}

.footer__top__sub {
  margin-bottom: 39px;
  font-size: 22px;
}

.footer__top .button-default {
  padding: 16px 47px;
}

.footer .icon-video {
  display: inline-block;
  width: 75px;
  height: 75px;
  margin-bottom: 60px;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
}

.footer .icon-video:hover {
  color: #07d79b;
}

.footer .icon-video__icon {
  line-height: 75px;
}

.footer .icon-video__icon::before {
  font-size: 18px;
}

.footer__item .logo__link {
  margin-bottom: 32px;
}

.footer__item__sub {
  margin-bottom: 29px;
}

.footer__item__title {
  text-transform: capitalize;
  margin-bottom: 16px;
  font-size: 22px;
  color: #fff;
  line-height: 1.2;
}

.footer__content {
  margin-bottom: 51px;
  position: relative;
  /* z-index: 10; */
}

@media (max-width: 768px) {
  .footer__content__right {
    margin-top: 43px;
  }
}

.footer__bottom {
  position: relative;
  z-index: 4;
  padding: 18px 0;
  border-top: 1px solid rgba(232, 232, 232, 0.3);
  text-align: center;
  font-size: 14px;
  color: #cacaca;
}

.asocials__item {
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  line-height: 40px;
}

@media (max-width: 375px) {
  .asocials__item {
    margin-right: 4px;
  }
}

.asocials__link {
  display: inline-block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.08);
  color: rgba(232, 232, 232, 0.54);
}

.asocials__link:hover, .asocials__link:focus {
  color: #fff;
}

.asocials__icon {
  display: inline-block;
  width: 100%;
}

.asocials__icon::before {
  font-size: 16px;
}

.footer-link__link {
  color: #939db4;
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
  cursor: pointer;
}

.footer-link__link:hover {
  color: #07d79b;
}

.footer-link__link--contact {
  line-height: 1.5;
  margin-bottom: 12px;
  cursor: default;
}

.footer-link__link--contact:hover {
  color: #939db4;
}

.footer-link__link--phone {
  font-size: 14px;
  font-weight: 1.71;
  font-weight: bold;
  color: #fff;
  text-transform: lowercase;
}

#video-background {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

/*=============================================
2.6 Catagories page
  2.6.1. List catagories
  2.6.2. Colum left
  2.6.3. List-selector
  2.6.4. List catagories
  2.6.5. Column right
  2.6.6. Pagination-wapper
  2.6.7. Pagination
=============================================*/
.catagories-page .rating-start {
  display: none;
}

.list-catag {
  margin-top: 100px;
}

@media (max-width: 768px) {
  .list-catag {
    margin-top: 50px;
  }
}

@media (max-width: 479px) {
  .list-catag {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .column-left {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .column-left {
    margin-bottom: 0;
  }
}

.column-left__title {
  line-height: 1.5;
  margin-bottom: 16px;
  font-size: 32px;
  color: #42495b;
  text-align: left;
  text-transform: capitalize;
}

@media (max-width: 768px) {
  .column-left__title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

@media (max-width: 479px) {
  .column-left__title {
    width: 100%;
    margin-bottom: 5px;
  }
}

.column-left__icon::before {
  -webkit-transition: -webkit-transform  0.5s ease-in-out;
  transition: -webkit-transform  0.5s ease-in-out;
  transition: transform  0.5s ease-in-out;
  transition: transform  0.5s ease-in-out, -webkit-transform  0.5s ease-in-out;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  font-size: 14px;
}

.column-left__link:hover {
  color: #099b72;
}

.column-left__button-drop {
  display: none;
  width: 100%;
  padding: 9px 10px 9px 20px;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #42495b;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
}

@media (max-width: 768px) {
  .column-left__button-drop {
    display: inline-block;
    vertical-align: middle;
  }
}

.column-left__button-drop__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  text-transform: capitalize;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  color: #868686;
}

.column-left__button-drop[aria-expanded="true"] .flaticon-down-arrow.column-left__icon::before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.list-selector {
  position: relative;
}

@media (max-width: 768px) {
  .list-selector {
    display: inline-block;
    width: 35%;
  }
}

@media (max-width: 479px) {
  .list-selector {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .list-catagories {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 250px;
    padding: 10px;
    top: 100%;
    right: 0;
    z-index: 100;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
            box-shadow: -0.2px 3px 16px 0 #e1e1e1;
    background-color: #fff;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
  }
}

.list-catagories.collapse.in {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 479px) {
  .list-catagories {
    width: 100%;
  }
}

.list-catagories__item {
  margin-bottom: 16px;
}

.list-catagories .active {
  color: #07d79b;
}

.list-catagories__link {
  cursor: pointer;
}

.list-catagories__link:hover, .list-catagories__link:focus, .list-catagories__link.active {
  color: #07d79b;
}

.column-right {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .column-right {
    margin-bottom: 60px;
  }
}

.column-right__title {
  margin-bottom: 40px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  color: #42495b;
}

.column-right .courses__item {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .column-right .courses__item {
    margin-bottom: 30px;
  }
}

.column-right .courses__list {
  margin: 0 -15px;
}

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

.pagination__list {
  margin: 0;
}

.pagination li.pagination__item > a.pagination__link {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-left: 2px;
  color: #868686;
  text-transform: uppercase;
  border: none;
  padding: 4px 11px;
}

.pagination li.pagination__item > a.pagination__link:hover, .pagination li.pagination__item > a.pagination__link:focus, .pagination li.pagination__item > a.pagination__link.active {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #09c199;
  color: #fff;
  z-index: 0;
}

@media (max-width: 479px) {
  .pagination li.pagination__item > a.pagination__link {
    font-size: 14px;
  }
}

.pagination li.pagination__item:first-child > a.pagination__link:hover, .pagination li.pagination__item:first-child > a.pagination__link:focus,
.pagination li.pagination__item:last-child > a.pagination__link:hover,
.pagination li.pagination__item:last-child > a.pagination__link:focus,
.pagination li.pagination__item:nth-last-child(2) > a.pagination__link:hover,
.pagination li.pagination__item:nth-last-child(2) > a.pagination__link:focus {
  color: #07d79b;
  background-color: #fff;
}

.pagination li.pagination__item:first-child > a.pagination__link::focus,
.pagination li.pagination__item:last-child > a.pagination__link::focus,
.pagination li.pagination__item:nth-last-child(2) > a.pagination__link::focus {
  outline: none;
}

/*=============================================
2.7 Course listing page
  2.7.1. Course listing section
  2.7.2. Selector
  2.7.3. Tabs
=============================================*/
.course-listing .header-filter__result {
  display: none;
}

.course-listing .rating-start {
  display: none;
}

.course-listing .courses__content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.course-listing .courses__wapper:hover .courses__content {
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
}

.courseListing {
  margin-top: 100px;
}

@media (max-width: 768px) {
  .courseListing {
    margin-top: 40px;
  }
}

.courseListing .column-left__item {
  margin-bottom: 48px;
}

.courseListing .column-right__title {
  margin-bottom: 23px;
}

.courseListing .column-left__button-drop__text {
  font-weight: 300;
  font-style: italic;
}

.courseListing .courses__top__bundle, .courseListing .courses__top__bt-seller {
  display: none;
}

.select__item {
  margin-bottom: 16px;
  color: #868686;
}

.select .ckeckbox {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  position: relative;
}

.select .ckeckbox label {
  padding-left: 29px;
}

.select__number {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  width: 40px;
}

.select input[type=checkbox].select__checkmark {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.select input[type=checkbox] + label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #cacaca;
  background-color: #fff;
  content: "\00a0";
  font-size: 14px;
  line-height: 19px;
  display: inline-block;
  padding: 0;
  vertical-align: top;
}

.select input[type="checkbox"]:checked + label:before {
  border: none;
  font-family: Flaticon;
  background-color: #07d79b;
  color: #fff;
  content: "\f139";
  text-align: center;
}

.select input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

.select input[type="checkbox"]:focus + label::before {
  outline: none;
}

@media (max-width: 479px) {
  .courseListing .column-left {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .courseListing .column-left__item {
    display: inline-block;
    width: 48%;
    margin-bottom: 25px;
  }
}

@media (max-width: 479px) {
  .courseListing .column-left__item {
    display: block;
    width: 100%;
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .courseListing .column-left__title {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .courseListing .column-left .list-selector {
    width: 73%;
  }
}

@media (max-width: 479px) {
  .courseListing .column-left .list-selector {
    width: 100%;
    margin-bottom: 20px;
  }
}

.kill-level .column-left__link, .duration .column-left__link, .feature .column-left__link {
  display: none;
}

.tags {
  margin-bottom: 24px;
}

.tags__item {
  display: inline-block;
  font-size: 14px;
  text-align: left;
  color: #868686;
  margin-right: 30px;
  cursor: pointer;
}

@media (max-width: 479px) {
  .tags__item {
    margin-bottom: 10px;
  }
}

.tags__item:hover .tags__icon {
  color: #42495b;
  font-weight: bold;
}

.tags__icon {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tags__icon::before {
  margin: 0 8px 0 0;
  font-size: 18px;
}

.tags__text {
  text-transform: capitalize;
}

.tabs {
  background-color: #fafafa;
  margin-bottom: 40px;
}

.tabs__list {
  display: inline-block;
  border: none;
}

@media (max-width: 479px) {
  .tabs__list {
    margin-bottom: 15px;
  }
}

.tabs__item {
  display: inline-block;
  margin-bottom: 0;
  padding: 10px 0;
}

.tabs__item:last-child a.tabs__link {
  border-right: unset;
}

.tabs a.tabs__link {
  padding: 0 16px;
  color: #868686;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
  -webkit-border-radius: unset;
          border-radius: unset;
}

@media (max-width: 479px) {
  .tabs a.tabs__link {
    padding: 0 14px;
  }
}

.tabs a.tabs__link:hover, .tabs a.tabs__link.active {
  color: #42495b;
  font-weight: bold;
}

.sort-right {
  float: right;
  margin-top: 7px;
}

@media (max-width: 479px) {
  .sort-right {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sort-left {
  float: left;
  margin-top: 7px;
}

@media (max-width: 479px) {
  .sort-left, .sort-right {
    padding: 0 15px 10px;
    float: none;
  }
}

.sort-left .sort-by, .sort-right .sort-by {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 479px) {
  .sort-left .sort-by, .sort-right .sort-by {
    width: -webkit-calc(100% - 61px);
    width: calc(100% - 61px);
    margin-right: 0;
  }
}

.sort-left .sort-by__text, .sort-right .sort-by__text {
  margin-right: 7px;
  font-size: 14px;
  text-align: left;
  color: #868686;
}

@media (max-width: 479px) {
  .sort-left .sort-by__text, .sort-right .sort-by__text {
    display: inline-block;
    vertical-align: middle;
  }
}

.sort-left .sort-by .btn-dropdown, .sort-right .sort-by .btn-dropdown {
  display: inline-block;
  vertical-align: middle;
}

.sort-left .sort-by__button, .sort-right .sort-by__button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 32px;
}

.sort-left .view-gird, .sort-right .view-gird {
  display: inline-block;
  vertical-align: middle;
}

.sort-left .view-gird__icon, .sort-right .view-gird__icon {
  display: inline-block;
  color: #42495b;
}

.sort-left .view-gird__icon::before, .sort-right .view-gird__icon::before {
  margin: 0 10px 0 0;
  font-size: 20px;
}

.sort-left .view-gird__icon:hover, .sort-left .view-gird__icon:focus, .sort-right .view-gird__icon:hover, .sort-right .view-gird__icon:focus {
  color: #07d79b;
}

.sort-left .view-gird__icon:last-child::before, .sort-right .view-gird__icon:last-child::before {
  margin-right: 16px;
}

@media (max-width: 479px) {
  .sort-left .view-gird__icon:last-child::before, .sort-right .view-gird__icon:last-child::before {
    margin: 0;
  }
}

.sort-left .view-gird .flaticon-signs.view-gird__icon:before, .sort-right .view-gird .flaticon-signs.view-gird__icon:before {
  font-size: 21px;
}

.sort-left .list-sort, .sort-right .list-sort {
  min-width: 120px;
  padding: 3px 10px;
  left: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  background-color: #fff;
  border: none;
}

.sort-left .list-sort__item, .sort-right .list-sort__item {
  margin-bottom: 10px;
}

.sort-left .list-sort__item:last-child, .sort-right .list-sort__item:last-child {
  margin-bottom: 0;
}

.sort-left .list-sort .active, .sort-right .list-sort .active {
  color: #07d79b;
}

.sort-left .list-sort__link, .sort-right .list-sort__link {
  cursor: pointer;
}

.sort-left .list-sort__link:hover, .sort-left .list-sort__link:focus, .sort-left .list-sort__link.active, .sort-right .list-sort__link:hover, .sort-right .list-sort__link:focus, .sort-right .list-sort__link.active {
  color: #07d79b;
}

.courses-by-list {
  display: none;
}

.courses-by-list .courses__wapper {
  font-size: 0;
}

.courses-by-list .courses__top, .courses-by-list .courses__content {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 479px) {
  .courses-by-list .courses__top, .courses-by-list .courses__content {
    width: 100%;
  }
}

.courses-by-list .courses__content {
  padding: 15px;
}

.courses-by-list .courses__hover-content__item {
  font-size: 20px;
}

.courses-by-list .courses__content__title {
  font-size: 22px;
}

/*=============================================
2.8 Course gird page
=============================================*/
.course-gird .nav-right--login {
  display: none;
}

.course-gird .nav-right--notlogin {
  display: inline-block;
}

.course-gird .rating-start {
  display: none;
}

.course-gird .column-left__title {
  font-size: 22px;
  margin-bottom: 29px;
}

.course-gird .column-left__button-drop {
  display: inline-block;
}

.course-gird .column-left__button-drop__text {
  font-weight: 300;
  font-style: italic;
}

.course-gird .list-catagories {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  padding: 30px 20px;
  top: 64px;
  right: 0;
  z-index: 100;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: -0.2px 3px 16px 0 #e1e1e1;
          box-shadow: -0.2px 3px 16px 0 #e1e1e1;
  background-color: #fff;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.course-gird .list-catagories.collapse.in {
  opacity: 1;
  visibility: visible;
}

.course-gird .list-catagories:before {
  position: absolute;
  content: '';
  top: -14px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-box-shadow: -11px -14px 50px -9px rgba(0, 0, 0, 0.31);
          box-shadow: -11px -14px 50px -9px rgba(0, 0, 0, 0.31);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.course-gird .column-left__item {
  margin-bottom: 20px;
}

.course-gird .select__item {
  margin-bottom: 10px;
}

.course-gird .select .ckeckbox {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #42495b;
}

.course-gird .courses__item {
  margin-bottom: 35px;
}

.course-gird .courses__top__bundle {
  display: inline-block;
}

.course-gird .courses__top__bt-seller {
  display: inline-block;
}

.header-filter {
  margin-bottom: 27px;
  overflow: auto;
  color: #42495b;
  font-size: 14px;
}

.header-filter::before {
  clear: both;
}

.header-filter__title {
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}

.header-filter__result {
  float: right;
  color: #868686;
}

.header-filter__number {
  margin-left: 5px;
  color: #42495b;
}

.course-gird .list-selector {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .course-gird .list-selector {
    width: 100%;
    margin-bottom: 0;
  }
}

.course-gird .active-filter {
  margin-top: 100px;
}

@media (max-width: 479px) {
  .course-gird .active-filter {
    margin-bottom: 30px;
  }
}

.course-gird .active-filter .tags {
  margin-bottom: 40px;
}

@media (max-width: 479px) {
  .course-gird .active-filter .tags {
    margin-bottom: 20px;
  }
}

.course-gird .tabs-filter .tabs {
  margin-bottom: 30px;
}

.course-gird .list-grid {
  margin-bottom: 65px;
}

@media (max-width: 768px) {
  .course-gird .list-grid {
    margin-bottom: 40px;
  }
}

/*=============================================
2.9 Search result page
=============================================*/
.search-result .header-filter {
  margin-bottom: 32px;
}

/*=============================================
2.10 Course Bundle page
  2.10.1. Bundle header
  2.10.2. Sidebar left
=============================================*/
.course-bundle .nav-right--login {
  display: none;
}

.course-bundle .nav-right--notlogin {
  display: inline-block;
}

.bundle-header {
  margin-bottom: 60px;
}

.bundle-header__about {
  position: relative;
  padding-top: 86px;
  padding-bottom: 80px;
  margin-bottom: 60px;
  color: #42495b;
}

@media (max-width: 768px) {
  .bundle-header__about {
    padding: 60px 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .bundle-header__about {
    padding: 35px 0;
  }
}

.bundle-header__about::before {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  left: -120%;
  width: 300%;
  height: 100%;
}

.bundle-header__title {
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 1.2;
  text-align: left;
  color: #42495b;
}

@media (max-width: 768px) {
  .bundle-header__title {
    font-size: 25px;
  }
}

@media (max-width: 479px) {
  .bundle-header__title {
    font-size: 25px;
  }
}

.bundle-header__content {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #42495b;
}

.title-list {
  font-size: 28px;
  color: #42495b;
  text-transform: capitalize;
}

.list-link {
  margin-top: 40px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  text-align: center;
}

.list-link__icon-collapse {
  display: none;
}

.list-link__list {
  margin-bottom: 24px;
}

@media (max-width: 1199px) {
  .list-link__list {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .list-link__list {
    margin-bottom: 20px;
  }
}

.list-link__item {
  border-bottom: solid 1px rgba(232, 232, 232, 0.8);
}

.list-link__title {
  padding: 0 20px;
  margin-bottom: 24px;
  text-align: left;
  font-size: 32px;
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .list-link__title {
    padding: 0 5px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .list-link__title {
    margin-bottom: 12px;
  }
}

@media (max-width: 479px) {
  .list-link__title {
    font-size: 22px;
  }
}

.list-link__link {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 16px 40px 11px;
  font-size: 18px;
  text-align: left;
  color: #42495b;
  text-transform: capitalize;
}

@media (max-width: 1199px) {
  .list-link__link {
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .list-link__link {
    padding: 10px 20px;
  }
}

.list-link__link:hover, .list-link__link:focus {
  color: #099b72;
}

.list-link__btn {
  margin: 0 40px 26px;
  padding: 16px 40px;
}

@media (max-width: 1199px) {
  .list-link__btn {
    margin: 0 16px 17px;
  }
}

@media (max-width: 768px) {
  .list-link__btn {
    margin: 0 30px 17px;
  }
}

.bundle-content {
  overflow: hidden;
}

.bundle {
  margin-bottom: 60px;
}

@media (max-width: 479px) {
  .bundle {
    margin-bottom: 40px;
  }
}

.bundle__title {
  margin-bottom: 24px;
  font-size: 32px;
  color: #42495b;
  text-transform: capitalize;
}

@media (max-width: 768px) {
  .bundle__title {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .bundle__title {
    margin-bottom: 15px;
  }
}

.bundle__content__sub {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .bundle__content__sub {
    margin-bottom: 40px;
  }
}

.bundle .paragrap-content {
  margin-bottom: 20px;
}

.paragrap-content {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

@media (max-width: 479px) {
  .paragrap-content {
    font-size: 14px;
  }
}

.paragrap-content--hide {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.detail__block {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .detail__block {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .detail__block {
    margin-bottom: 30px;
  }
}

.detail__title {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 22px;
  text-align: left;
  color: #42495b;
}

.detail__about {
  margin-bottom: 16px;
}

.detail__wrapper-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 37px;
}

.detail__image {
  max-width: 100%;
  height: auto;
}

.detail__infor {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  text-align: left;
  color: #42495b;
}

.detail__infor--title {
  margin-bottom: 26px;
}

.detail__infor__sub {
  margin-bottom: 20px;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

@media (max-width: 479px) {
  .detail__infor__sub {
    font-size: 14px;
  }
}

.detail__infor__sub:last-child {
  margin-bottom: 0;
}

.detail__list {
  padding: 24px 22px 19px 22px;
  background-color: #fcfafa;
}

@media (max-width: 768px) {
  .detail__list__item {
    margin-bottom: 15px;
  }
}

@media (max-width: 600px) {
  .detail__list__item {
    margin-bottom: 10px;
  }
}

.detail__list__item:last-child {
  margin-bottom: 0;
}

.detail__list__wapper {
  display: inline-block;
  width: 38px;
  height: 49px;
  overflow: hidden;
}

.detail__list__image {
  width: 100%;
  height: auto;
}

.detail__list__content {
  width: 74%;
  padding-left: 20px;
  padding-right: 27px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 768px) {
  .detail__list__content {
    padding-right: 0;
  }
}

.detail__list__title {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #42495b;
}

.detail__list__subs {
  font-size: 14px;
  text-align: left;
  color: #868686;
}

.course-detail {
  margin-bottom: 30px;
  padding: 50px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  border: solid 1px #d6d6d6;
}

@media (max-width: 768px) {
  .course-detail {
    padding: 40px;
  }
}

@media (max-width: 479px) {
  .course-detail {
    padding: 25px;
  }
}

.course-detail__top {
  margin-bottom: 24px;
  font-size: 0;
}

.course-detail__top__title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  color: #42495b;
}

.course-detail__top__bundle {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  padding: 5px 12px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  margin-right: 16px;
  background-color: #ff9142;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

@media (max-width: 479px) {
  .course-detail__top__bundle {
    width: unset;
    margin-bottom: 10px;
  }
}

.course-detail__top__left {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(100% - 77px);
  width: calc(100% - 77px);
}

@media (max-width: 479px) {
  .course-detail__top__left {
    width: 100%;
    padding-left: 0;
  }
}

.course-detail__update-date {
  margin-left: 5px;
}

.course-detail__update {
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
  color: #868686;
}

.course-detail__infors {
  margin-bottom: 24px;
}

@media (max-width: 479px) {
  .course-detail__infors {
    margin-bottom: 15px;
  }
}

.course-detail__infor {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 0;
  text-align: left;
  color: #42495b;
}

.course-detail__infor:last-child {
  margin-bottom: 0;
}

.course-detail__infor__title {
  font-size: 14px;
  width: 40%;
}

@media (max-width: 479px) {
  .course-detail__infor__title {
    margin-bottom: 10px;
  }
}

.course-detail__infor__content {
  font-size: 14px;
  width: 60%;
}

@media (max-width: 479px) {
  .course-detail__infor__content {
    padding-left: 20px;
  }
}

.course-detail__infor__title, .course-detail__infor__content {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 479px) {
  .course-detail__infor__title, .course-detail__infor__content {
    width: 100%;
  }
}

.course-detail__item {
  margin-bottom: 32px;
  border-bottom: solid 1px rgba(232, 232, 232, 0.8);
}

@media (max-width: 768px) {
  .course-detail__item {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .course-detail__item {
    margin-bottom: 20px;
  }
}

.course-detail__item__title {
  margin-bottom: 18px;
  font-size: 18px;
  text-align: left;
  color: #42495b;
}

.course-detail__content {
  max-height: 10000px;
  -webkit-transition: max-height 1.8s ease;
  transition: max-height 1.8s ease;
}

.course-detail--hide {
  position: relative;
  max-height: 147px;
  overflow: hidden;
}

.course-detail--hide .list-brief:last-child {
  margin-bottom: 0;
  border-bottom: unset;
}

@media (max-width: 479px) {
  .course-detail--hide {
    max-height: 205px;
  }
}

.course-detail__view-more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 7px 50px 7px 15px;
  background-color: #fff;
}

@media (max-width: 479px) {
  .course-detail__view-more {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    text-align: center;
    background-color: #07d79b;
    color: #fff;
  }
}

.course-detail__view-more:hover {
  color: #099b72;
}

.list-brief-content__item {
  margin-bottom: 32px;
  border-bottom: solid 1px rgba(232, 232, 232, 0.8);
}

@media (max-width: 768px) {
  .list-brief-content__item {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .list-brief-content__item {
    margin-bottom: 20px;
  }
}

.list-brief-content__item:last-child {
  margin-bottom: 0;
  border-bottom: unset;
}

.list-brief-content__item:last-child .list-brief__list {
  margin-bottom: 0;
}

.list-brief__top {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #42495b;
}

@media (max-width: 768px) {
  .list-brief__top {
    margin-bottom: 20px;
  }
}

.list-brief__top__section, .list-brief__top__title {
  display: inline-block;
}

.list-brief__top__section {
  margin-right: 5px;
  text-decoration: underline;
  color: blue;
}

.list-brief__list {
  margin-bottom: 32px;
}

@media (max-width: 479px) {
  .list-brief__list {
    margin-bottom: 20px;
  }
}

.list-brief__item {
  font-size: 16px;
  margin-bottom: 16px;
  font-family: 'Nunito Sans', sans-serif, arial;
}

.list-brief__item:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .list-brief__item {
    margin-bottom: 10px;
  }
}

.list-brief__item__icon {
  color: #868686;
  margin-right: 16px;
}

.list-brief__item__icon:before {
  margin-left: 0;
}

.list-brief__item__kind {
  margin-right: 5px;
  color: #42495b;
  text-transform: capitalize;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.list-brief__item__kind:hover, .list-brief__item__kind:focus {
  color: #07d79b;
}

.list-brief__item__content {
  margin-left: 5px;
  font-weight: bold;
  color: #42495b;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.list-brief__item__content:hover, .list-brief__item__content:focus {
  color: #07d79b;
}

.course-detail > .course-detail__content .list-brief::last-child {
  margin-bottom: 0;
  border-bottom: unset;
}

.creator {
  background: url(/../img/courses-bundle/bundle.png) no-repeat;
  background-color: rgba(37, 37, 37, 0.7);
  background-blend-mode: multiply;
  background-size: cover;
  padding: 35px 51px 45px;
  color: #fff;
}

@media (max-width: 479px) {
  .creator {
    margin-bottom: 40px;
    padding: 25px;
  }
}

.creator__title {
  margin-bottom: 15px;
  font-size: 22px;
}

.creator__sub {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}

.faqs {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .faqs {
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .faqs {
    margin-bottom: 40px;
  }
}

.faqs--course-single {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .faqs--course-single {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .faqs--course-single {
    margin-bottom: 20px;
  }
}

.faqs__item {
  padding: 15px 51px 0 51px;
  margin-bottom: 20px;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
}

@media (max-width: 479px) {
  .faqs__item {
    padding: 15px 15px 0 40px;
  }
}

.faqs__item:last-child {
  margin-bottom: 0;
}

.faqs__heading {
  position: relative;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fefefe;
}

.faqs__title {
  margin-bottom: 15px;
}

.faqs__link {
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #42495b;
}

.faqs__link:hover {
  color: #07d79b;
}

.faqs__link:focus {
  color: #42495b;
}

.faqs__link[aria-expanded="true"] .flaticon-arrows-3.faqs__icon::before {
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (max-width: 479px) {
  .faqs__link {
    font-size: 16px;
  }
}

.faqs__icon {
  position: absolute;
  top: 0;
  left: -29px;
}

.faqs__icon::before {
  -webkit-transition: -webkit-transform  0.5s ease-in-out;
  transition: -webkit-transform  0.5s ease-in-out;
  transition: transform  0.5s ease-in-out;
  transition: transform  0.5s ease-in-out, -webkit-transform  0.5s ease-in-out;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  margin-left: 0;
  font-size: 14px;
}

.faqs__body {
  padding: 15px 0;
  border-top: solid 1px #e8e8e8;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

@media (max-width: 479px) {
  .faqs__body {
    font-size: 14px;
  }
}

/*=============================================
2.11 Course single page
  2.11.1. list-syllabus
=============================================*/
.course-single .list-brief__top {
  font-size: 22px;
}

@media (max-width: 479px) {
  .course-single .list-brief__top {
    font-size: 18px;
  }
}

@media (max-width: 479px) {
  .course-single .list-brief__item {
    font-size: 16px;
  }
}

.bundle-list {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .bundle-list {
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .bundle-list {
    margin-bottom: 40px;
  }
}

.bundle-list .bundle:last-child {
  margin-bottom: 0;
}

.list-syllabus {
  position: relative;
  max-height: 386px;
  padding: 50px;
  margin-bottom: 14px;
  overflow: hidden;
  border: solid 1px #d6d6d6;
}

@media (max-width: 991px) {
  .list-syllabus {
    padding: 30px;
  }
}

@media (max-width: 479px) {
  .list-syllabus {
    padding: 20px;
  }
}

.list-syllabus::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fefefe));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fefefe);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fefefe);
}

.list-syllabus .list-brief__top {
  font-size: 22px;
  text-align: left;
  color: #42495b;
  font-weight: normal;
}

.list-syllabus .list-brief__item__kind, .list-syllabus .list-brief__item__content {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

.list-syllabus__view-more {
  cursor: pointer;
  display: block;
  margin-bottom: 28px;
  width: 100%;
  padding: 16px 0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: solid 1px #07d79b;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #09c199;
  text-transform: uppercase;
}

.list-syllabus__view-more:hover {
  background-color: #07d79b;
  color: #fff;
}

.list-syllabus__enroll {
  margin: 0 auto;
}

.list-syllabus__group-button {
  text-align: center;
}

.list-syllabus--show {
  max-height: 10000px;
  -webkit-transition: max-height 1.75s ease;
  transition: max-height 1.75s ease;
}

.list-syllabus--show:after {
  background-image: unset;
}

.list_works__item {
  font-size: 0;
  margin-bottom: 40px;
}

@media (max-width: 479px) {
  .list_works__item {
    margin-bottom: 20px;
  }
}

.list_works__item:last-child {
  margin-bottom: 0;
}

.list_works__wapper {
  width: 62px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.list_works__wapper::before {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: 74.16%;
}

@media (max-width: 479px) {
  .list_works__wapper {
    margin-bottom: 15px;
  }
}

.list_works__image {
  max-width: 100%;
  height: auto;
}

.list_works__content {
  width: -webkit-calc(100% - 62px);
  width: calc(100% - 62px);
  display: inline-block;
  padding-right: 89px;
  padding-left: 34px;
}

@media (max-width: 479px) {
  .list_works__content {
    width: 100%;
    padding: 0;
  }
}

.list_works__title {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.5;
  text-align: left;
  color: #42495b;
}

.list_works__subs {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
}

.reviews {
  margin-bottom: 60px;
}

@media (max-width: 479px) {
  .reviews {
    padding-right: 0;
  }
}

.reviews__item {
  border-bottom: solid 1px #dadfea;
  font-size: 0;
  padding: 24px 0;
}

.reviews__item:first-child {
  padding-top: 0;
}

.reviews__item:last-child {
  border-bottom: unset;
  margin-bottom: 0;
  padding-bottom: 0;
}

.reviews__wapper {
  position: relative;
  vertical-align: top;
  display: table-cell;
  width: 62px;
  height: 62px;
}

@media (max-width: 479px) {
  .reviews__wapper {
    margin-bottom: 15px;
  }
}

.reviews__image {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.reviews__content {
  display: table-cell;
  vertical-align: top;
  padding-left: 34px;
}

.reviews__title {
  margin-bottom: 7px;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #42495b;
}

.reviews__subs {
  font-size: 14px;
  margin-bottom: 16px;
}

@media (max-width: 479px) {
  .reviews__subs {
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .reviews__comment {
    margin-left: -96px;
  }
}

.reviews__sub-content {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #868686;
  margin-bottom: 16px;
}

@media (max-width: 479px) {
  .reviews__sub-content {
    margin-bottom: 15px;
  }
}

.reviews__star {
  letter-spacing: 5.8px;
  margin-right: 16.4px;
  font-size: 16px;
  line-height: 1;
  vertical-align: bottom;
}

.reviews__star::before {
  color: #afafaf;
}

.reviews__star::after {
  color: #ffda21;
}

.reviews__star::before, .reviews__star::after {
  content: '\f110\f110\f110\f110\f110';
}

.reviews__about, .reviews__name-course {
  line-height: 1;
}

.reviews__about {
  margin-right: 6px;
  font-size: 14px;
  text-align: left;
  color: #868686;
}

.reviews__name-course {
  font-size: 18px;
  text-align: left;
  color: #42495b;
}

.reviews__btn {
  text-align: center;
}

.reviews__enroll {
  width: 370px;
  font-size: 14px;
  display: inline-block;
  padding: 16px 0;
  line-height: 1;
}

@media (max-width: 479px) {
  .reviews__enroll {
    width: 100%;
  }
}

/*=============================================
2.12 Partner details pages
  2.12.1 Partner header
  2.12.2 Course gird
  2.12.3 Our team
=============================================*/
.partner-details .nav-right--login {
  display: none;
}

.partner-details .nav-right--notlogin {
  display: inline-block;
}

.partner-header {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .partner-header {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .partner-header {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.partner-header__wapper {
  width: 150px;
  height: 150px;
}

@media (max-width: 768px) {
  .partner-header__wapper {
    margin: 0 auto;
  }
}

.partner-header__image {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.partner-header__title {
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 1.2;
  text-align: left;
  color: #42495b;
}

@media (max-width: 768px) {
  .partner-header__title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .partner-header__title {
    font-size: 32px;
    margin-bottom: 15px;
  }
}

.partner-header__content {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}

@media (max-width: 479px) {
  .partner-header__content {
    font-size: 14px;
  }
}

.our-course {
  margin-bottom: 58px;
}

@media (max-width: 768px) {
  .our-course {
    margin-bottom: 30px;
  }
}

.our-course__title {
  margin-bottom: 60px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  color: #42495b;
}

@media (max-width: 768px) {
  .our-course__title {
    margin-bottom: 30px;
  }
}

.partner-details .courses__item {
  margin-bottom: 30px;
}

.partner-details .courses__item:hover .courses__content {
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
}

.partner-details .courses__content {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.partner-details .rating-start {
  display: none;
}

.partner-details .courses__list {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .partner-details .courses__list {
    padding-bottom: 0px;
  }
}

.our-team {
  margin-bottom: 70px;
}

@media (max-width: 768px) {
  .our-team {
    margin-bottom: 40px;
  }
}

.our-team__title {
  margin-bottom: 60px;
  font-size: 50px;
  line-height: 1.2;
  text-align: center;
  color: #42495b;
}

@media (max-width: 768px) {
  .our-team__title {
    font-size: 40px;
  }
}

@media (max-width: 600px) {
  .our-team__title {
    font-size: 32px;
  }
}

.our-team__item {
  padding: 40px 30px;
  margin-bottom: 30px;
  text-align: center;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (max-width: 768px) {
  .our-team__item {
    padding: 30px;
  }
}

.our-team__item:hover {
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
  background-color: #ffffff;
  border: solid 1px rgba(232, 232, 232, 0.54);
}

.our-team__wapper {
  margin: 0 auto 40px;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .our-team__wapper {
    margin-bottom: 30px;
  }
}

.our-team__image {
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.our-team__name {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #42495b;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.our-team__name:hover {
  color: #07d79b;
}

.our-team__job {
  display: block;
  font-size: 14px;
  color: #868686;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.2;
}

.our-team__job:hover {
  color: #42495b;
}

/*=============================================
2.13 Bundle details page
  2.13.1. Review course
  2.13.2.Information of details courses
  2.13.3. Brief course of bundle details
=============================================*/
.review-course {
  padding: 33px 0 32px;
  margin-top: 33px;
}

@media (max-width: 768px) {
  .review-course {
    margin-top: 0px;
  }
}

.review-course__item-left {
  position: relative;
  padding: 48px 41px 69px 70px;
  background: url(/../img/bundle-details/bundle-details-1.png) center no-repeat;
  background-size: cover;
  z-index: 1;
  color: #fff;
}

@media (max-width: 768px) {
  .review-course__item-left {
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .review-course__item-left {
    padding: 30px;
  }
}

.review-course__item-left::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.95;
  background-image: -webkit-linear-gradient(326deg, #0f36a5, #2d7dfa);
  background-image: linear-gradient(124deg, #0f36a5, #2d7dfa);
}

.review-course__item-left__title {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1.5;
  text-align: left;
}

@media (max-width: 768px) {
  .review-course__item-left__title {
    margin-bottom: 30px;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .review-course__item-left__title {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.review-course__item-left__info {
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .review-course__item-left__info {
    margin-bottom: 10px;
  }
}

.review-course__item-left__info:last-child {
  margin-bottom: 0;
}

.review-course__item-left__icon, .review-course__item-left__sub {
  display: inline-block;
  vertical-align: top;
}

.review-course__item-left__icon {
  width: 28px;
  height: 28px;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(225, 225, 225, 0.2);
  color: #fff;
}

.review-course__item-left__icon::before {
  font-size: 15px;
  margin-left: 0;
  line-height: 28px;
}

.review-course__item-left__sub {
  width: -webkit-calc(100% - 35px);
  width: calc(100% - 35px);
  padding-left: 22px;
}

@media (max-width: 479px) {
  .review-course__item-left__sub {
    padding-left: 10px;
  }
}

.review-course__item-right {
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.review-course__item-right__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.review-course__item-right__content {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(45, 125, 250, 0)), to(#2d7dfa));
  background-image: -webkit-linear-gradient(top, rgba(45, 125, 250, 0), #2d7dfa);
  background-image: linear-gradient(to bottom, rgba(45, 125, 250, 0), #2d7dfa);
  text-align: center;
  color: #fff;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.review-course__item-right__icon-video {
  width: 54px;
  height: 54px;
  margin: 145px auto 93px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #42495b;
  text-align: center;
  line-height: 54px;
}

.review-course__item-right__icon-video::before {
  margin-left: 0;
  font-size: 16px;
}

@media (max-width: 479px) {
  .review-course__item-right__icon-video {
    margin: 60px auto;
  }
}

@media (max-width: 375px) {
  .review-course__item-right__icon-video {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 45px auto 20px;
  }
}

.review-course__item-right__review {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  text-align: center;
}

.hide-bg-video {
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.info-course {
  padding: 48px 70px;
  margin-bottom: 40px;
  border: solid 1px #e8e8e8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

@media (max-width: 768px) {
  .info-course {
    padding: 40px 50px;
  }
}

@media (max-width: 479px) {
  .info-course {
    padding: 30px;
  }
}

.info-course__title {
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  color: #42495b;
}

@media (max-width: 768px) {
  .info-course__title {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .info-course__title {
    font-size: 22px;
    padding-left: 10px;
  }
}

.info-course__item {
  position: relative;
  margin-bottom: 16px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  .info-course__item {
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .info-course__item {
    font-size: 14px;
  }
}

.info-course__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #09c199;
}

.brief-course {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .brief-course {
    margin-bottom: 60px;
  }
}

.brief-course__item {
  position: relative;
  padding-top: 40px;
  padding-left: 70px;
  margin-bottom: 39px;
  -webkit-box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
          box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
}

@media (max-width: 768px) {
  .brief-course__item {
    padding-left: 50px;
  }
}

@media (max-width: 479px) {
  .brief-course__item {
    padding-left: 15px;
    padding-top: 20px;
  }
}

.brief-course__top {
  margin-bottom: 11px;
}

@media (max-width: 479px) {
  .brief-course__top {
    padding: 0 15px;
  }
}

.brief-course__top__bundle {
  margin-right: 16px;
  padding: 4px 21px;
}

@media (max-width: 1199px) {
  .brief-course__top__bundle {
    padding: 4px 13px;
  }
}

@media (max-width: 479px) {
  .brief-course__top__bundle {
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .brief-course__top__title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 22px;
  }
}

.brief-course__top__option {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 10px;
}

@media (max-width: 479px) {
  .brief-course__top__option {
    padding: 12px 10px;
  }
}

.brief-course__top__icon::before {
  margin-left: 0;
  font-size: 25px;
}

.brief-course__sub {
  margin-bottom: 27px;
  padding-right: 100px;
}

@media (max-width: 479px) {
  .brief-course__sub {
    padding: 0 15px;
    font-size: 14px;
  }
}

.brief-course__buton {
  cursor: pointer;
  text-align: center;
  padding-bottom: 5px;
}

.brief-course__buton__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  line-height: 40px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.brief-course__buton__icon:hover {
  background-color: #07d79b;
  color: #fff;
}

.brief-course__buton__icon::before {
  font-size: 14px;
  margin-left: 0;
}

.brief-course .list-brief {
  border: unset;
  max-height: 10000px;
  padding-left: 96px;
}

@media (max-width: 1199px) {
  .brief-course .list-brief {
    padding-left: 82px;
  }
}

@media (max-width: 991px) {
  .brief-course .list-brief {
    padding-left: 0px;
  }
}

.brief-course .list-brief__item {
  position: relative;
  margin-bottom: 32px;
}

@media (max-width: 479px) {
  .brief-course .list-brief__item {
    margin-bottom: 20px;
  }
}

.brief-course .list-brief__item:hover .list-brief__btn-enroll, .brief-course .list-brief__item:hover .list-brief__show-more {
  opacity: 1;
}

.brief-course .list-brief:last-child {
  margin-bottom: 0;
}

.brief-course .list-brief__top {
  margin-bottom: 16px;
}

@media (max-width: 479px) {
  .brief-course .list-brief__top {
    padding: 0 15px;
    margin-bottom: 10px;
  }
}

.brief-course .list-brief__top__section, .brief-course .list-brief__top__title {
  color: #42495b;
  font-size: 14px;
}

.brief-course .list-brief__top__section:hover, .brief-course .list-brief__top__title:hover {
  color: #07d79b;
}

.brief-course .list-brief__top__title {
  margin-right: 8px;
}

.brief-course .list-brief__top__sub {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  .brief-course .list-brief__top__sub {
    /* padding-right: 15px; */
  }
}

@media (max-width: 479px) {
  .brief-course .list-brief__top__sub {
    padding: 0 15px;
    font-size: 14px;
  }
}

.brief-course .list-brief__top__time {
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
}

.brief-course .list-brief__btn-enroll {
  opacity: 0;
  cursor: pointer;
  text-align: right;
  margin-top: 15px;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.brief-course .list-brief__btn-enroll .btn-green {
  padding: 6px 14px;
  font-size: 10px;
}

@media (max-width: 991px) {
  .brief-course .list-brief__btn-enroll {
    text-align: center;
    opacity: 1;
  }
}

.brief-course .list-brief__show-more {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  text-align: right;
}

.brief-course .list-brief__show-more .brief-course__top__icon {
  display: inline-block;
  font-size: 25px;
  margin-top: 12px;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .brief-course .list-brief__show-more {
    display: none;
  }
}

.brief-course__item--hide .list-brief {
  overflow: hidden;
  max-height: 0;
  margin-bottom: 0;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.brief-course__item--hide .brief-course__sub {
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.brief-course__item--hide .brief-course__buton__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.dropdown-options {
  right: 13px;
  left: unset;
  border: none;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-border-radius: unset;
          border-radius: unset;
  color: #cacaca;
}

.dropdown-options__item {
  padding: 7px 20px;
  font-size: 14px;
  cursor: pointer;
  background-color: #42495b;
  -webkit-transition: all 0.5 ease;
  transition: all 0.5 ease;
}

.dropdown-options__item:hover {
  opacity: 0.2;
  background-color: #42495b;
  color: #fff;
}

/*=============================================
2.14 Blog grid page
=============================================*/
.blog-gird .blog-list {
  margin-top: 100px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .blog-gird .blog-list {
    margin-top: 60px;
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .blog-gird .blog-list {
    margin-top: 40;
    margin-bottom: 0;
  }
}

.blog-gird .blog-list .blog-col__item {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .blog-gird .blog-list .blog-col__item {
    margin-bottom: 30px;
  }
}

.blog-gird .blog-list .blog-col__item:hover {
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
  background-color: #ffffff;
  border: solid 1px rgba(232, 232, 232, 0.54);
}

.blog-gird .blog-list .blog-col__item .column-left__link {
  display: inline-block;
  margin-left: 5px;
}

.blog-gird .blog__item__left, .blog-gird .blog__item__right {
  display: block;
  width: 100%;
}

.blog-gird .blog__item__left::before {
  padding-top: 42.8%;
}

.blog-gird .blog__item__right {
  padding: 24px 30px 33px 40px;
}

@media (max-width: 768px) {
  .blog-gird .blog__item__right {
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .blog-gird .blog__item__right {
    padding: 20px 15px;
  }
}

.blog-gird .blog__item__title {
  line-height: 1.36;
}

@media (max-width: 768px) {
  .blog-gird .blog__item__title {
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .blog-gird .blog__item__title {
    margin-bottom: 10px;
  }
}

.blog-gird .blog__item__infor {
  margin-bottom: 9px;
}

.blog-gird .blog__item__date {
  line-height: 1;
}

.blog-gird .blog__item__sub {
  line-height: 1.5;
}

.blog-gird .pagination-wrapper {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .blog-gird .pagination-wrapper {
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .blog-gird .pagination-wrapper {
    margin-bottom: 40px;
  }
}

/*=============================================
2.15 Blog details page
  2.15.1. Blog details
  2.15.2. Comments
  2.15.3. Form
=============================================*/
.intro-course-content {
  padding: 100px 0;
}

@media (max-width: 768px) {
  .intro-course-content {
    padding: 60px 0;
  }
}

@media (max-width: 479px) {
  .intro-course-content {
    padding: 40px 0;
  }
}

@media (max-width: 375px) {
  .intro-course-content {
    padding: 20px 0;
  }
}

.intro-course {
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  .intro-course {
    padding-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .intro-course {
    padding-bottom: 20px;
  }
}

.intro-course__title {
  margin-bottom: 8px;
  font-size: 50px;
  letter-spacing: -0.3px;
  line-height: 1.2;
  color: #42495b;
}

@media (max-width: 479px) {
  .intro-course__title {
    font-size: 35px;
    line-height: 1;
  }
}

.intro-course__infor {
  font-size: 0;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .intro-course__infor {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .intro-course__infor {
    margin-bottom: 10px;
  }
}

.intro-course__infor__item {
  display: inline-block;
  width: 50%;
}

.intro-course__infor__item:last-child {
  text-align: right;
}

@media (max-width: 479px) {
  .intro-course__infor__item:last-child {
    text-align: left;
  }
}

@media (max-width: 479px) {
  .intro-course__infor__item {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.intro-course__infor__item .col-left__item:last-child {
  margin-right: 0;
}

.intro-course__infor__name {
  margin-right: 30px;
  font-size: 14px;
  text-align: left;
  text-transform: capitalize;
  color: #42495b;
}

.intro-course__infor__name:hover {
  color: #07d79b;
}

.intro-course__infor__time {
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}

.intro-course__wapper {
  overflow: hidden;
  margin-bottom: 22px;
}

@media (max-width: 991px) {
  .intro-course__wapper {
    margin-bottom: 20px;
  }
}

.intro-course__wapper__image {
  width: 100%;
  height: auto;
}

.intro-course__sub {
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .intro-course__sub {
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .intro-course__sub {
    margin-bottom: 10px;
  }
}

.intro-course__sub .text-sub, .intro-course__sub .brief-course__sub, .intro-course__sub .brief-course .list-brief__top__sub, .brief-course .intro-course__sub .list-brief__top__sub, .intro-course__sub .instructor-info__college, .intro-course__sub .instructor-info__sub, .intro-course__sub .instructor-goals__list {
  margin-bottom: 27px;
}

@media (max-width: 479px) {
  .intro-course__sub .text-sub, .intro-course__sub .brief-course__sub, .intro-course__sub .brief-course .list-brief__top__sub, .brief-course .intro-course__sub .list-brief__top__sub, .intro-course__sub .instructor-info__college, .intro-course__sub .instructor-info__sub, .intro-course__sub .instructor-goals__list {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.intro-course__sub .text-sub:last-child, .intro-course__sub .brief-course__sub:last-child, .intro-course__sub .brief-course .list-brief__top__sub:last-child, .brief-course .intro-course__sub .list-brief__top__sub:last-child, .intro-course__sub .instructor-info__college:last-child, .intro-course__sub .instructor-info__sub:last-child, .intro-course__sub .instructor-goals__list:last-child {
  margin-bottom: 0;
}

.intro-course__col {
  margin-bottom: 33px;
}

@media (max-width: 1199px) {
  .intro-course__col {
    margin-bottom: 20px;
  }
}

.intro-course__col .intro-course__wapper {
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 768px) {
  .intro-course__col .intro-course__wapper {
    margin-bottom: 25px;
  }
}

@media (max-width: 479px) {
  .intro-course__col .intro-course__wapper {
    margin-bottom: 20px;
  }
}

.intro-course__col .intro-course__wapper::before {
  content: '';
  display: block;
  padding-top: 63.8%;
}

.intro-course__col .intro-course__wapper__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.intro-course__col__list-sub .text-sub, .intro-course__col__list-sub .brief-course__sub, .intro-course__col__list-sub .brief-course .list-brief__top__sub, .brief-course .intro-course__col__list-sub .list-brief__top__sub, .intro-course__col__list-sub .instructor-info__college, .intro-course__col__list-sub .instructor-info__sub, .intro-course__col__list-sub .instructor-goals__list {
  margin-bottom: 20px;
}

@media (max-width: 479px) {
  .intro-course__col__list-sub .text-sub, .intro-course__col__list-sub .brief-course__sub, .intro-course__col__list-sub .brief-course .list-brief__top__sub, .brief-course .intro-course__col__list-sub .list-brief__top__sub, .intro-course__col__list-sub .instructor-info__college, .intro-course__col__list-sub .instructor-info__sub, .intro-course__col__list-sub .instructor-goals__list {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.intro-course__col__list-sub .text-sub:last-child, .intro-course__col__list-sub .brief-course__sub:last-child, .intro-course__col__list-sub .brief-course .list-brief__top__sub:last-child, .brief-course .intro-course__col__list-sub .list-brief__top__sub:last-child, .intro-course__col__list-sub .instructor-info__college:last-child, .intro-course__col__list-sub .instructor-info__sub:last-child, .intro-course__col__list-sub .instructor-goals__list:last-child {
  margin-bottom: 0;
}

.intro-course__item__title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #42495b;
}

.intro-course__section {
  border-top: solid 1px #f2f2f2;
  padding-top: 100px;
}

@media (max-width: 768px) {
  .intro-course__section {
    padding-top: 40px;
  }
}

@media (max-width: 479px) {
  .intro-course__section {
    padding-top: 20px;
  }
}

.intro-course__section:last-child {
  padding-bottom: 0;
}

.intro-course__section__title {
  margin-bottom: 22px;
  font-size: 32px;
  line-height: 1.5;
  text-align: left;
  color: #42495b;
}

@media (max-width: 768px) {
  .intro-course__section__title {
    margin-bottom: 15px;
  }
}

.comments__list {
  margin-bottom: 24px;
}

.comments__item {
  padding-bottom: 37px;
  margin-bottom: 31px;
  border-bottom: solid 1px #f2f2f2;
}

@media (max-width: 768px) {
  .comments__item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .comments__item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.comments__item:last-child {
  margin-bottom: 0;
}

.comments__item__info {
  font-size: 0;
  margin-bottom: 4px;
}

.comments__item__name, .comments__item__time {
  display: inline-block;
  width: 50%;
}

.comments__item__time {
  text-align: right;
  font-size: 14px;
}

.comments__item__name {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #42495b;
  text-transform: uppercase;
}

.comments__item .text-sub, .comments__item .brief-course__sub, .comments__item .brief-course .list-brief__top__sub, .brief-course .comments__item .list-brief__top__sub, .comments__item .instructor-info__college, .comments__item .instructor-info__sub, .comments__item .instructor-goals__list {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .comments__item .text-sub, .comments__item .brief-course__sub, .comments__item .brief-course .list-brief__top__sub, .brief-course .comments__item .list-brief__top__sub, .comments__item .instructor-info__college, .comments__item .instructor-info__sub, .comments__item .instructor-goals__list {
    margin-bottom: 0;
  }
}

@media (max-width: 479px) {
  .comments__item .text-sub, .comments__item .brief-course__sub, .comments__item .brief-course .list-brief__top__sub, .brief-course .comments__item .list-brief__top__sub, .comments__item .instructor-info__college, .comments__item .instructor-info__sub, .comments__item .instructor-goals__list {
    margin-bottom: 15px;
    font-size: 14px;
  }
}

.comments__item .column-left__link {
  font-size: 10px;
}

.comments__reply {
  padding-left: 70px;
}

@media (max-width: 768px) {
  .comments__reply {
    padding-left: 34px;
  }
}

.comments__reply__item {
  padding-top: 37px;
}

@media (max-width: 768px) {
  .comments__reply__item {
    padding-top: 20px;
  }
}

@media (max-width: 479px) {
  .comments__reply__item {
    padding-top: 15px;
  }
}

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

.comments__view-more .list-course__header__icon {
  margin-left: 16px;
}

.comments-form {
  border: 0;
}

.comments-form .intro-course__section__title {
  margin-bottom: 9px;
}

.comments-form .text-sub, .comments-form .brief-course__sub, .comments-form .brief-course .list-brief__top__sub, .brief-course .comments-form .list-brief__top__sub, .comments-form .instructor-info__college, .comments-form .instructor-info__sub, .comments-form .instructor-goals__list {
  margin-bottom: 37px;
}

@media (max-width: 768px) {
  .comments-form .text-sub, .comments-form .brief-course__sub, .comments-form .brief-course .list-brief__top__sub, .brief-course .comments-form .list-brief__top__sub, .comments-form .instructor-info__college, .comments-form .instructor-info__sub, .comments-form .instructor-goals__list {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .comments-form .text-sub, .comments-form .brief-course__sub, .comments-form .brief-course .list-brief__top__sub, .brief-course .comments-form .list-brief__top__sub, .comments-form .instructor-info__college, .comments-form .instructor-info__sub, .comments-form .instructor-goals__list {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  .comments-form .input-item {
    margin-bottom: 10px;
  }
}

.comments-form .input-textarea {
  margin-bottom: 30px;
  min-height: 138px;
  padding: 9px 28px 9px 12px;
  resize: none;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .comments-form .input-textarea {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .comments-form .input-textarea {
    margin-bottom: 10px;
    min-height: 100px;
  }
}

@media (max-width: 479px) {
  .comments-form .btn-green {
    display: block;
    margin: 0 auto;
  }
}

/*=============================================
2.16 Instructor details page
=============================================*/
.instructor-details {
  margin: 50px 0;
}

@media (max-width: 768px) {
  .instructor-details {
    margin: 60px 0;
  }
}

.instructor-details__item {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .instructor-details__item {
    margin-bottom: 40px;
  }
}

.instructor-details__item:last-child {
  margin-bottom: 0;
}

.instructor-details__title {
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #42495b;
    margin-bottom: 32px;
    text-align: center;
}

@media (max-width: 768px) {
  .instructor-details__title {
    font-size: 40px;
  }
}

@media (max-width: 600px) {
  .instructor-details__title {
    font-size: 32px;
  }
}

@media (max-width: 768px) {
  .instructor-left {
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .instructor-left {
    margin-bottom: 40px;
  }
}

.instructor-info__top {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .instructor-info__top {
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .instructor-info__top {
    margin-bottom: 20px;
    text-align: center;
  }
}

@media (max-width: 375px) {
  .instructor-info__top {
    margin-bottom: 15px;
  }
}

.instructor-info .instructor-details__title {
  font-size: 22px;
  margin-bottom: 1px;
}

.instructor-info__wapper, .instructor-info__content {
  display: inline-block;
  vertical-align: top;
}

.instructor-info__content {
  width: -webkit-calc(100% - 205px);
  width: calc(100% - 205px);
}

@media (max-width: 479px) {
  .instructor-info__content {
    width: 100%;
  }
}

.instructor-info__wapper {
  width: 150px;
  height: 150px;
  margin-right: 50px;
}

@media (max-width: 479px) {
  .instructor-info__wapper {
    margin: 0 0 10px;
  }
}

.instructor-info__college {
  margin-bottom: 9px;
}

@media (max-width: 479px) {
  .instructor-info__college {
    text-align: center;
  }
}

.instructor-info__asocial .asocials__link {
  color: #cacaca;
}

.instructor-info__asocial .asocials__link:hover {
  background-color: #07d79b;
  color: #fdfdfd;
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
}

.instructor-info__saying {
  margin-bottom: 24px;
  font-size: 22px;
  text-align: left;
  color: #42495b;
}

@media (max-width: 479px) {
  .instructor-info__saying {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .instructor-info__saying {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

.instructor-info__sub {
  margin-bottom: 24px;
}

.instructor-info__sub:last-child {
  margin-bottom: 0;
}

@media (max-width: 479px) {
  .instructor-info__sub {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.instructor-skill__list {
  padding-right: 100px;
}

@media (max-width: 479px) {
  .instructor-skill__list {
    padding-right: 0;
  }
}

.instructor-skill__item {
  margin-bottom: 20px;
}

.instructor-skill__item:last-child {
  margin-bottom: 0;
}

.instructor-skill__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}

.instructor-goals__sub {
  margin-bottom: 18px;
  text-align: justify;
}

.instructor-goals__sub:last-child {
  margin-bottom: 0;
}

@media (max-width: 479px) {
  .instructor-goals__sub {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.instructor-goals__list-goal {
  margin-bottom: 21px;
}

.instructor-goals__list-goal__item {
  position: relative;
  padding: 7px 34px;
}

@media (max-width: 479px) {
  .instructor-goals__list-goal__item {
    padding: 3px 24px;
    font-size: 14px;
  }
}

.instructor-goals__list-goal__item::before {
  font-family: Flaticon;
  content: '\f14b';
  position: absolute;
  left: 0;
  color: #333146;
}

@media (max-width: 768px) {
  .instructor-right {
    font-size: 0;
  }
}

.instructor-right__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}

@media (max-width: 479px) {
  .instructor-right__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 15px;
  }
}

@media (max-width: 479px) {
  .instructor-right__top .list-course__view-more {
    margin-left: auto;
    margin-top: 10px;
  }
}

.instructor-right__top__title {
  font-size: 32px;
  line-height: 1.5;
  text-align: left;
  color: #42495b;
}

.instructor-right__top__link {
  font-size: 14px;
  font-weight: bold;
  color: #2d7dfa;
  text-transform: uppercase;
}

.instructor-right__top__link:hover {
  color: #266ee1;
}

.instructor-right .course .courses__content__info {
  display: block;
}

.instructor-right .blog .courses__content__title {
  margin-bottom: 7px;
}

.instructor-right .blog .courses__content__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.instructor-right__item {
  margin-bottom: 80px;
  font-size: 0;
}

@media (max-width: 768px) {
  .instructor-right__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px;
    margin-bottom: 0;
  }
}

@media (max-width: 600px) {
  .instructor-right__item {
    display: block;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 30px;
  }
}

.instructor-right__item:last-child {
  margin-bottom: 0;
}

.instructor-right__item .courses__top, .instructor-right__item .courses__content {
  display: inline-block;
  vertical-align: top;
}

.instructor-right__item .courses__item {
  margin-bottom: 24px;
}

.instructor-right__item .courses__item:last-child {
  margin-bottom: 0;
}

.instructor-right__item .courses__top {
  width: 101px;
}

.instructor-right__item .courses__top__wapper {
  margin-top: 5px;
}

.instructor-right__item .courses__col-left, .instructor-right__item .courses__right {
  vertical-align: bottom;
}

.instructor-right__item .courses__content {
  width: -webkit-calc(100% - 101px);
  width: calc(100% - 101px);
  padding: 0;
  padding-left: 19px;
  -webkit-border-radius: unset;
          border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #fff;
}

.instructor-right__item .courses__content__title {
  font-size: 18px;
  margin-bottom: 0;
}

@media (max-width: 479px) {
  .instructor-right__item .courses__content__title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .instructor-right__item .courses__content__price {
    font-size: 16px;
  }
}

.instructor-right__item .courses__content__icon {
  margin-right: 5px;
}

.instructor-right__item .courses__content__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.instructor-right__item .courses__info__item {
  display: inline-block;
  font-size: 12px;
}

/*=======================================
2.17 Blog details sidebar
=======================================*/
.blog-details-sidebar .info-course__item {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.86;
  letter-spacing: 0.2px;
  text-align: left;
  color: #42495b;
}

.blog-details-sidebar .text-sub, .blog-details-sidebar .brief-course__sub, .blog-details-sidebar .brief-course .list-brief__top__sub, .brief-course .blog-details-sidebar .list-brief__top__sub, .blog-details-sidebar .instructor-info__college, .blog-details-sidebar .instructor-info__sub, .blog-details-sidebar .instructor-goals__list {
  margin-bottom: 10px;
}

.blog-details-sidebar .intro-course {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .blog-details-sidebar .intro-course {
    padding-bottom: 60px;
  }
}

.blog-details-sidebar .intro-course__item__title {
  margin-bottom: 9px;
}

.blog-details-sidebar .intro-course__col__item .text-sub, .blog-details-sidebar .intro-course__col__item .brief-course__sub, .blog-details-sidebar .intro-course__col__item .brief-course .list-brief__top__sub, .brief-course .blog-details-sidebar .intro-course__col__item .list-brief__top__sub, .blog-details-sidebar .intro-course__col__item .instructor-info__college, .blog-details-sidebar .intro-course__col__item .instructor-info__sub, .blog-details-sidebar .intro-course__col__item .instructor-goals__list {
  margin-bottom: 0;
}

.blog-details-sidebar .intro-course__wapper {
  margin-bottom: 22px;
}

.blog-details-sidebar .intro-course__wapper::before {
  padding-top: 58.26%;
}

@media (max-width: 768px) {
  .blog-details-sidebar .intro-course__wapper {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .blog-details-sidebar .intro-course__wapper {
    margin-bottom: 15px;
  }
}

.blog-details-sidebar .intro-course__col {
  margin-bottom: 52px;
}

.blog-details-sidebar .intro-course__col .intro-course__wapper {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .blog-details-sidebar .intro-course__col .intro-course__wapper {
    margin-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .blog-details-sidebar .intro-course__col .intro-course__wapper {
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .blog-details-sidebar .intro-course__col {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .blog-details-sidebar .intro-course__col {
    margin-bottom: 30px;
  }
}

.blog-details-sidebar .comments {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .bg-details-right {
    font-size: 0;
    margin: 0 -15px;
  }
}

@media (max-width: 479px) {
  .bg-details-right {
    font-size: 0;
    margin: 0;
  }
}

.bg-details-right__item {
  margin-bottom: 48px;
}

@media (max-width: 768px) {
  .bg-details-right__item {
    margin-bottom: 30px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 15px;
  }
}

@media (max-width: 479px) {
  .bg-details-right__item {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
  }
}

.bg-details-right__item:last-child {
  margin-bottom: 0;
}

.bg-details-right__item .list-catagories__item {
  margin-bottom: 15px;
}

.bg-details-right__item .list-catagories__item:last-child {
  margin-bottom: 0;
}

.bg-details-right__item .list-catagories__item .list-catagories__link {
  color: #868686;
}

.bg-details-right__item .list-catagories__item .list-catagories__link:hover, .bg-details-right__item .list-catagories__item .list-catagories__link:focus, .bg-details-right__item .list-catagories__item .list-catagories__link.active {
  color: #07d79b;
}

.bg-details-right .instructor-right__item {
  margin-bottom: 58px;
}

@media (max-width: 768px) {
  .bg-details-right .instructor-right__item {
    padding: 0 15px;
  }
}

@media (max-width: 479px) {
  .bg-details-right .instructor-right__item {
    padding: 0;
    margin-bottom: 20px;
  }
}

.bg-details-right .column-left__title {
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .bg-details-right .column-left__title {
    display: block;
    margin-bottom: 20px;
  }
}

.bg-details-right .courses__content__title {
  margin-bottom: 7px;
}

.history-twitter__item {
  margin-bottom: 31px;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: left;
}

.history-twitter__item:last-child {
  margin-bottom: 0;
}

.history-twitter__item a {
  display: inline-block;
  padding: 0 5px;
  color: #07d79b;
}

.history-twitter__item__top {
  position: relative;
  padding-left: 15px;
  margin-bottom: 3px;
}

.history-twitter__item__top::before {
  font-family: Flaticon;
  content: '\f136';
  position: absolute;
  left: 0;
  top: 0;
  color: #07d79b;
}

/*=============================================
2.5 Home 2 page
=============================================*/
.home02 header .nav-right--login {
  display: none;
}

.home02 header .nav-right--notlogin {
  display: inline-block;
}

.home02 .footer {
  background-color: unset;
  position: relative;
}

.home02 .footer #video-background {
  display: block;
}

.home02 .footer__top {
  display: block;
  position: relative;
  z-index: 10;
}

.home02 .footer::after {
  content: '';
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 73, 91, 0.44)), to(#273341));
  background-image: -webkit-linear-gradient(top, rgba(66, 73, 91, 0.44), #273341);
  background-image: linear-gradient(to bottom, rgba(66, 73, 91, 0.44), #273341);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*==============================
=            1.Banner            =
==============================*/
.banner {
  position: relative;
  width: 100%;
  height: 520px;
  z-index: 3;
  overflow: hidden;
}

.banner.played .banner-wall {
  display: none;
}

.banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(92, 176, 235, 0.65)), to(#2f78d2));
  background-image: -webkit-linear-gradient(right, rgba(92, 176, 235, 0.65), #2f78d2);
  background-image: linear-gradient(to left, rgba(92, 176, 235, 0.65), #2f78d2);
  z-index: 2;
}

.banner .banner-wall {
  width: 60%;
  margin-left: auto;
  z-index: 2;
}

.banner-wall img {
  width: 100%;
}

@media (max-width: 991px) {
  .banner .banner-wall {
    display: none;
  }
}

.banner .flex-video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.banner .flex-video video {
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
}

.banner .banner-wrapper {
  height: 520px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.banner ul.class-list {
  list-style: disc;
  color: #ffffff;
  margin-left: 20px;
}

.banner .banner-box {
  position: relative;
  width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
}

.banner .banner-box .btn-play-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.banner .banner-box .btn-play-group button {
  width: 190px;
}

@media (max-width: 767px) {
  .banner .banner-box .btn-play-group button {
    margin-top: 10px;
    height: 48px;
  }
}

@media (max-width: 767px) {
  .banner .banner-box .btn-play-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.banner .banner-box h2 {
  font-size: 55px;
  line-height: 1.18;
  color: #fff;
  margin-bottom: 23px;
}

@media (max-width: 767px) {
  .banner .banner-box h2 {
    font-size: 45px;
  }
}

.banner .banner-box p {
  color: #fff;
  margin-bottom: 45px;
  max-width: 350px;
}

/*=====  End of 1.Banner  ======*/
/*=================================
=            2.Benefit            =
=================================*/
.section-benefit {
  padding: 100px 0;
  background: #fff;
}

.section-benefit .card-main-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 991px) {
  .section-benefit .card-main-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.section-benefit .card-main-list .card-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  margin: 0 15px;
}

@media (max-width: 767px) {
  .section-benefit .card-main-list .card-item + .card-item {
    margin-top: 30px;
  }
}

.section-benefit .card-main-list .card-item h4 {
  margin-bottom: 16px;
}

.section-benefit .card-main-list .card-item .card-title {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-weight: 400;
  font-size: 32px;
  color: #42495b;
}

@media (max-width: 479px) {
  .section-benefit .card-main-list .card-item .card-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.section-benefit .card-main-list .card-item .card-text {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  color: #868686;
}

.section-benefit .card-main-list .card-item .card-item__top {
  padding: 0 10px;
  max-width: 200px;
  max-height: 160px;
  width: auto;
  height: auto;
}

.section-benefit .card-main-list .card-item .card-item__body {
  padding-top: 40px;
}

/*=====  End of 2.Benefit  ======*/
/*=================================
=            3.Carousel-slide     =
=================================*/
.section-carousel-slide {
  background: #ddf1ff;
  padding: 100px 0;
}

@media (max-width: 1199px) {
  .section-carousel-slide {
    padding: 80px 0;
  }
}

@media (max-width: 600px) {
  .section-carousel-slide {
    padding: 50px 0;
  }
}

.carousel-slide-item {
  display: table;
  width: 100%;
}

.carousel-slide-item:focus {
  outline: none;
}

.carousel-slide-item .carousel-holder-img, .carousel-slide-item .carousel-info {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.carousel-slide-item .carousel-holder-img {
  width: 53%;
}

@media (max-width: 767px) {
  .carousel-slide-item .carousel-holder-img {
    display: block;
    width: 100%;
  }
}

.carousel-slide-item .carousel-holder-img::before {
  display: block;
  content: "";
  padding-top: 61%;
}

.carousel-slide-item .carousel-holder-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: none;
  width: auto;
  height: 100%;
}

.carousel-slide-item .carousel-holder-img .link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.carousel-slide-item .carousel-info {
  background-color: #fff;
}

.carousel-slide-item .carousel-info .title-text {
  font-size: 32px;
  letter-spacing: -0.2px;
}

.carousel-slide-item .carousel-info h4 {
  margin-bottom: 23px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .carousel-slide-item .carousel-info h4 {
    font-size: 24px !important;
    margin-bottom: 13px !important;
  }
}

.carousel-slide-item .carousel-info p {
  margin-bottom: 37px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .carousel-slide-item .carousel-info p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
  }
}

.carousel-slide-item .carousel-info .carousel-text-box {
  padding-left: 85px;
  padding-right: 40px;
}

@media (max-width: 1199px) {
  .carousel-slide-item .carousel-info .carousel-text-box {
    padding-left: 10% !important;
    padding-right: 8% !important;
  }
}

@media (max-width: 767px) {
  .carousel-slide-item .carousel-info .carousel-text-box {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

/*=====  End of 3.Carousel-slide  ======*/
.section-carousel-slide, .section-specializationsl,
.section-feature-course, .section-our-feature {
  margin-bottom: 100px;
}

.header-section {
  position: relative;
  margin-bottom: 60px;
}

.header-section h2 {
  font-size: 50px;
  text-align: center;
}

@media (max-width: 575px) {
  .header-section h2 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .header-section {
    margin-bottom: 40px;
  }
}

@media (max-width: 479px) {
  .header-section {
    margin-bottom: 20px;
  }
}

/*========================================
=            4.Specializations           =
========================================*/
.section-specializationsl .card-slide-top {
  margin: 0 -15px;
}

.section-specializationsl .header-section .view-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .section-specializationsl .header-section .view-wrapper {
    top: 100% !important;
    -webkit-transform: translateY(50%) !important;
        -ms-transform: translateY(50%) !important;
            transform: translateY(50%) !important;
  }
}

.section-specializationsl .header-section .view-wrapper .view-text {
  font-size: 14px;
  font-weight: 700;
  color: #09c199;
}

.section-specializationsl .header-section .view-wrapper .view-text:hover {
  color: #079072;
}

.section-specializationsl .header-section .view-wrapper .mini-oval {
  margin-left: 16px;
}

@media (max-width: 479px) {
  .section-specializationsl .courses__list {
    padding-top: 20px;
  }
}

/*=====  End of 4.Specializations  ======*/
/*========================================
=            5.Feature Course            =
========================================*/
.section-feature-course .feature-wrapper {
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 10px;
}

.section-feature-course .feature-wrapper::after {
  content: '';
  position: absolute;
  width: 270px;
  height: 2px;
  border: solid 1px #07d79b;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px);
}

@media (max-width: 575px) {
  .section-feature-course .feature-wrapper::after {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (max-width: 991px) {
  .section-feature-course .feature-wrapper img {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .section-feature-course .feature-wrapper .feature-boss {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (max-width: 991px) {
  .section-feature-course .feature-col {
    float: none;
    margin-top: 30px;
  }
}

@media (max-width: 575px) {
  .section-feature-course .feature-col .card-feature p {
    margin-top: 65%;
    text-align: center;
  }
}

@media (max-width: 575px) and (min-width: 375px) {
  .section-feature-course .feature-col .card-feature .bundle-badge-big {
    padding: 8px 60px;
  }
}

@media (max-width: 991px) {
  .section-feature-course .feature-col-mid {
    float: none;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media (max-width: 575px) {
  .section-feature-course .feature-col-mid .card-feature h3 {
    font-size: 20px;
  }
}

.section-feature-course .card-feature {
  position: relative;
  overflow: hidden;
}

.section-feature-course .card-feature .card-bg {
  -webkit-transform: skewY(-15deg);
      -ms-transform: skewY(-15deg);
          transform: skewY(-15deg);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 28%;
  background: #2f78d2;
}

.section-feature-course .card-feature .card-feature-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 20px;
}

.section-feature-course .card-feature .card-feature-overlay-mid {
  padding: 20px 20px 25px 20px !important;
}

.section-feature-course .card-feature .title-text {
  font-size: 32px;
  font-weight: 400;
}

.section-feature-course .card-feature h3 {
  max-width: 392px;
  margin-right: auto;
}

.section-feature-course .card-feature p {
  margin-top: 52%;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}

@media (max-width: 991px) and (min-width: 768px) {
  .section-feature-course .card-feature p {
    margin-top: 60%;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .section-feature-course .card-feature p {
    font-size: 17px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .section-feature-course .card-feature .bundle-badge-big {
    width: auto;
    height: auto;
    padding: 5px 60px;
  }
}

.section-feature-course .card-feature .bundle-badge {
  position: absolute;
  bottom: 25px;
  padding: 5px 50px;
}

.section-feature-course .button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-feature-course .card-slide {
  position: relative;
  padding-top: 60px;
  margin-bottom: 5px;
}

.section-feature-course .card-slide::after {
  content: '';
  position: absolute;
  width: 270px;
  height: 2px;
  border: solid 1px #07d79b;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .section-feature-course .card-slide .slick-slider.slick-dotted {
    margin-bottom: 55px;
  }
}

.section-feature-course .card-slide-bot {
  margin: 0 -15px;
}

.section-subscribe {
  margin-top: 100px;
  width: 100%;
  height: 244px;
  background: url(/../../assets/img/home-2/Sub.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 575px) {
  .section-subscribe {
    height: 350px !important;
  }
}

.section-subscribe .section-subscribe-wrapper {
  height: 244px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 575px) {
  .section-subscribe .section-subscribe-wrapper {
    height: 350px !important;
  }
}

@media (max-width: 1199px) {
  .section-subscribe .section-subscribe-wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.section-subscribe .section-subscribe-wrapper-left, .section-subscribe .section-subscribe-wrapper-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1199px) {
  .section-subscribe .section-subscribe-wrapper-left, .section-subscribe .section-subscribe-wrapper-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .section-subscribe .section-subscribe-wrapper-right {
    padding: 0 !important;
  }
}

@media (max-width: 1199px) {
  .section-subscribe .section-subscribe-wrapper-right {
    padding: 0 150px;
  }
}

.section-subscribe .title-text {
  font-size: 40px;
  color: #fff;
  letter-spacing: -0.3px;
}

.section-subscribe h3 {
  margin-bottom: 8px;
}

@media (max-width: 575px) {
  .section-subscribe h3 {
    font-size: 34px;
  }
}

.section-subscribe p {
  font-size: 18px;
  color: #fff;
}

@media (max-width: 575px) {
  .section-subscribe p {
    font-size: 16px;
  }
}

@media (max-width: 1199px) {
  .section-subscribe p, .section-subscribe h3 {
    text-align: center;
  }
}

.section-subscribe input {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #868686;
  max-width: 400px;
  padding: 13px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  height: 100%;
}

@media (max-width: 1199px) {
  .section-subscribe input {
    max-width: initial;
  }
}

.section-subscribe form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

@media (max-width: 575px) {
  .section-subscribe form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.section-subscribe .button-default {
  margin-left: 8px;
  padding: 13px 47px;
  font-size: 14px;
  font-weight: 800;
}

@media (max-width: 575px) {
  .section-subscribe .button-default {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 8px;
  }
}

/*=====  End of 5.Feature Course  ======*/
/*=============================================
=            6.Our feature            =
=============================================*/
@media (max-width: 991px) {
  .section-our-feature .card-lib {
    margin-top: -30px;
  }
}

@media (max-width: 991px) {
  .section-our-feature .col-card {
    margin-top: 30px;
  }
}

.section-our-feature .card {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #fdfdfd;
  border: solid 1px #e8e8e8;
}

.section-our-feature .card:hover {
  -webkit-box-shadow: -0.2px 3px 16px 0 #ebebeb;
          box-shadow: -0.2px 3px 16px 0 #ebebeb;
}

.section-our-feature .card:hover::after {
  left: 0;
  width: 100%;
  right: 0;
}

.section-our-feature .card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  height: 3px;
  width: 0%;
  background-color: #2f78d2;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.section-our-feature .card .card-body {
  padding: 20px;
}

.section-our-feature .card .card-title {
  margin-bottom: 6px;
}

.section-our-feature .card .title-text {
  font-size: 22px;
}

/*=====  End of 6.Section comment block  ======*/
/*=======================================
2.18 404 Page
=======================================*/
.page-404 header .nav-right--login {
  display: none;
}

.page-404 header .nav-right--notlogin {
  display: block !important;
}

.sc-main-content {
  display: table;
  width: 100%;
  height: 80vh;
}

.sc-main-content .s-content-wrapper {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .sc-main-content {
    height: auto;
  }
  .sc-main-content .s-content-wrapper {
    display: block;
    padding: 20% 15%;
  }
}

.sc-404-page {
  height: auto;
  width: 100%;
  background: url(/../../assets/img/404/point-background.png);
  background-repeat: no-repeat;
  background-position: center 46%;
}

@media (max-width: 991px) {
  .sc-404-page {
    background-size: 700px 440px;
    background-position: 65% 45%;
  }
}

@media (max-width: 575px) {
  .sc-404-page {
    background: none;
  }
}

.sc-404-page__box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sc-404-page__box .sc-404-page__box__wrapper-img {
  margin-bottom: 10px;
}

.sc-404-page__box .content-text {
  margin-bottom: 30px;
  font-size: 18px;
  color: #42495b;
}

@media (max-width: 575px) {
  .sc-404-page__box .content-text {
    font-size: 16px;
  }
}

.sc-404-page__box .btn-green {
  min-width: 190px;
}

/*=============================================
2.19 Coming soon page
=============================================*/
.sc-coming-page {
  min-height: 100vh;
  width: 100%;
  background: url(/../../assets/img/comming-soon/background-comming.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 76% center;
}

@media (max-width: 575px) {
  .sc-coming-page {
    background-position: 63% center;
  }
}

.sc-main-content-cm {
  display: table;
  width: 100%;
  height: 100vh;
}

.sc-main-content-cm .s-content-wrapper-cm {
  display: table-cell;
  vertical-align: middle;
}

.coming-page__box {
  max-width: 756px;
}

.coming-page__box .title-text-sub {
  font-size: 22px;
}

.coming-page__box__top {
  margin-bottom: 96px;
}

.coming-page__box__top h1 {
  margin-bottom: 4px;
}

.coming-page__box__top h5 {
  margin-bottom: 19px;
}

.coming-page__box__top h1.title-text {
  font-size: 80px;
  font-weight: 800;
  color: #07d79b;
}

@media (max-width: 575px) {
  .coming-page__box__top h1.title-text {
    font-size: 54px;
  }
}

.coming-page__box__bottom h5 {
  margin-bottom: 39px;
}

.coming-soon-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .coming-soon-countdown {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.coming-soon-countdown .main-count-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .coming-soon-countdown .main-count-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.coming-soon-countdown .main-count span.count {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.4;
  color: #07d79b;
}

@media (max-width: 575px) {
  .coming-soon-countdown .main-count span.count {
    font-size: 40px;
  }
}

.coming-soon-countdown .main-count span.stat-label {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #868686;
  margin-left: 10px;
}

/*=============================================
2.20 Contact Page
=============================================*/
.contact-page__wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 1199px) {
  .contact-page__wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .contact-page__wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.contact-page__breadcrumb .active {
  color: #09c199 !important;
}

.contact-page__breadcrumb .breadcrumb__link {
  text-transform: initial !important;
}

.contact-page__breadcrumb .breadcrumb__link:hover:not(.active) {
  color: #09c199 !important;
}

.cotact-page__box h4 {
  margin-bottom: 16px;
}

.cotact-page__box .title-text {
  font-size: 32px;
  line-height: 1.5;
}

.cotact-page__box .icon-contact::before {
  font-size: 16px;
  color: #09c199;
}

.contact-page__box__left {
  background-color: #e8f5fe;
  padding: 48px 72px 48px 69px;
}

@media (max-width: 1199px) {
  .contact-page__box__left {
    padding: 50px 60px;
  }
}

@media (max-width: 767px) {
  .contact-page__box__left {
    padding: 50px 30px;
  }
}

@media (max-width: 374px) {
  .contact-page__box__left {
    padding: 50px 15px;
  }
}

.contact-page__box__left .contact-header-l {
  margin-bottom: 22px;
}

.contact-page__box__left .contact-header-l .title-text {
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .contact-page__box__left form.contact-form .contact-form__group-name, .contact-page__box__left form.contact-form .contact-form__group-contact {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 767px) {
  .contact-page__box__left form.contact-form .contact-form__group-name .form-group:not(textarea), .contact-page__box__left form.contact-form .contact-form__group-contact .form-group:not(textarea) {
    margin-bottom: 20px;
  }
}

.contact-page__box__left form.contact-form .contact-form__group-contact, .contact-page__box__left form.contact-form .contact-form__group-name, .contact-page__box__left form.contact-form .contact-form__mess {
  margin-bottom: 20px;
}

.contact-page__box__left form.contact-form .form-group {
  margin: 0;
}

.contact-page__box__left form.contact-form .form-control:not(textarea) {
  height: 48px;
}

.contact-page__box__left form.contact-form textarea {
  resize: vertical;
  min-height: 130px;
}

.contact-page__box__left form.contact-form .form-control {
  padding: 14px 12px;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #868686;
  background: #fefefe;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-page__box__left form.contact-form .form-control:hover, .contact-page__box__left form.contact-form .form-control:focus {
  border: solid 1px #868686;
}

.contact-page__box__left form.contact-form .contact-form__button {
  width: 100%;
}

.contact-page__box__right {
  background-color: #e8f5fe;
  padding: 50px 32px 147px;
}

@media (max-width: 1199px) {
  .contact-page__box__right {
    padding: 50px 32px 35px;
  }
}

@media (max-width: 991px) {
  .contact-page__box__right {
    padding: 0 60px 50px;
  }
}

@media (max-width: 767px) {
  .contact-page__box__right {
    padding: 0 30px 50px;
  }
}

@media (max-width: 374px) {
  .contact-page__box__right {
    padding: 0 15px 50px;
  }
}

.contact-page__box__right .contact-connect-r {
  margin-top: 60px;
}

@media (max-width: 991px) {
  .contact-page__box__right .contact-connect-r {
    margin-top: 40px;
  }
}

.contact-page__box__right .contact-information li {
  position: relative;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #868686;
  white-space: nowrap;
  padding-left: 35px;
}

.contact-page__box__right .contact-information li .icon-contact {
  position: absolute;
  left: 0;
}

@media (max-width: 1199px) {
  .contact-page__box__right .contact-information li {
    white-space: initial;
  }
}

.contact-page__box__right .contact-information li + li {
  margin-top: 12px;
}

.contact-page__box__right .contact-connect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .contact-page__box__right .contact-connect {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  .contact-page__box__right .contact-connect {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  .contact-page__box__right .contact-connect .contact-connect__item + .contact-connect__item {
    margin-left: 25px;
  }
}

.contact-page__box__right .contact-connect .contact-connect__item .contact-connect__link {
  display: block;
  text-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: rgba(9, 193, 153, 0.5);
}

.contact-page__box__right .contact-connect .contact-connect__item .contact-connect__link:hover {
  color: #09c199;
  background: rgba(9, 193, 153, 0.08);
}

.contact-page__box__right .contact-connect .contact-connect__item .contact-connect__link .icon-connect::before {
  font-size: 14px;
}

.hidden-desktop {
  display: none;
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: block;
  }
}

/*=============================================
2.21 Pricing table page
=============================================*/
.pricing-table-wrapper {
  margin: 100px 0;
}

@media (max-width: 767px) {
  .pricing-table-wrapper {
    margin: 80px 0;
  }
}

.pricing-table-main {
  margin-bottom: 100px;
}

.pricing-table-main__head {
  text-align: center;
  margin-bottom: 60px;
}

.pricing-table-main__head .title-text {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .pricing-table-main__head .title-text {
    font-size: 40px;
  }
}

.pricing-table-faq {
  margin: 0 auto;
}

.pricing-table-faq__head {
  text-align: center;
  margin-bottom: 60px;
}

.pricing-table-faq__head .title-text {
  font-size: 50px;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .pricing-table-faq__head .title-text {
    font-size: 40px;
  }
}

.pricing-table-faq .faqs__item {
  margin-bottom: 30px;
}

/*=============================================
2.22 Partner listing page
=============================================*/
.partner-listing-wrapper {
  margin: 100px 0;
}

@media (max-width: 768px) {
  .partner-listing-wrapper {
    margin: 60px 0;
  }
}

@media (max-width: 479px) {
  .partner-listing-wrapper {
    margin: 40px 0;
  }
}

.partner-listing-header {
  text-align: center;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .partner-listing-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .partner-listing-header {
    margin-bottom: 20;
  }
}

.partner-listing-header .title-text {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.partner-listing-header .content-text {
  margin-bottom: 24px;
}

@media (max-width: 479px) {
  .partner-listing-header .content-text {
    margin-bottom: 20;
  }
}

.menu-categori {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 72px;
}

@media (max-width: 1199px) {
  .menu-categori {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .menu-categori {
    padding: 0 72px;
  }
}

@media (max-width: 479px) {
  .menu-categori {
    display: block;
  }
}

.menu-categori__item {
  position: relative;
  font-family: 'Nunito Sans',sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #42495b;
}

.menu-categori__item::before {
  display: inline-block;
  right: -12px;
  top: -3px;
  position: absolute;
  content: '.';
}

@media (max-width: 1199px) {
  .menu-categori__item::before {
    right: -30px;
  }
}

@media (max-width: 1199px) {
  .menu-categori__item::before {
    right: -60px;
  }
}

@media (max-width: 479px) {
  .menu-categori__item {
    margin-bottom: 5px;
  }
  .menu-categori__item::before {
    content: '';
  }
}

.menu-categori__item:last-child::before {
  content: '';
}

.partner-listing-main__sort {
  background-color: #fafafa;
  padding: 7px 20px;
  margin-bottom: 30px;
}

.partner-listing-main__sort .sort-left, .partner-listing-main__sort .sort-right {
  margin-top: 0;
}

@media (max-width: 479px) {
  .partner-listing-main__sort .sort-left {
    width: 100%;
    padding: 0 0 15px;
  }
}

.partner-listing-main__sort .sort-left .sort-by {
  margin-right: 0;
}

@media (max-width: 479px) {
  .partner-listing-main__sort .sort-left .sort-by {
    width: 100%;
  }
}

.partner-listing-main__sort .sort-left .list-sort {
  min-width: 100%;
}

@media (max-width: 479px) {
  .partner-listing-main__sort .sort-right {
    width: 100%;
    padding: 0;
  }
}

.partner-listing-main__sort .sort-right .sort-by {
  margin-right: 0;
}

@media (max-width: 479px) {
  .partner-listing-main__sort .sort-right .sort-by {
    width: 100%;
  }
}

.partner-listing-main__sort .sort-right .sort-by__text {
  width: 70px;
}

@media (max-width: 479px) {
  .partner-listing-main__sort .btn-dropdown {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .partner-listing-main__sort {
    padding: 15px;
  }
}

@media (max-width: 479px) {
  .university-menu {
    text-align: center;
  }
}

.university-menu__item {
  display: block;
  margin-bottom: 30px;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #42495b;
}

.university-menu__item:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
          box-shadow: 0 3px 16px 0 rgba(234, 234, 234, 0.6);
  color: #42495b;
}

.university-menu__item .item-top {
  position: relative;
  padding: 30px 0;
}

.university-menu__item .item-top::before {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 100%;
}

.university-menu__item .item-top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 2px;
  border: solid 1px rgba(232, 232, 232, 0.8);
}

.university-menu__item .item-body {
  padding: 30px 0;
  text-align: center;
}

/*===============================================
2.23 Course details
	2.23.1. banner-course-detail
===============================================*/
.banner-course-detail {
  position: relative;
  width: 100%;
  padding-top: 100px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .banner-course-detail {
    padding-top: 80px;
  }
}

.banner-course-detail .banner-top {
  position: relative;
  text-align: center;
  padding-bottom: 300px;
}

@media (max-width: 767px) {
  .banner-course-detail .banner-top {
    padding-bottom: 0;
  }
}

.banner-course-detail .banner-top h2 {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.banner-course-detail .banner-top p {
  font-size: 22px;
}

.banner-course-detail .banner-top .button-default {
  margin-top: 40px;
  font-size: 14px;
  padding: 14px 42px;
}

.banner-course-detail .banner-top .video {
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media (max-width: 767px) {
  .banner-course-detail .banner-top__text {
    margin-bottom: 48px;
  }
}

.banner-course-detail .banner-top__video {
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 830px;
  max-height: 488px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .banner-course-detail .banner-top__video {
    max-height: 388px;
    max-width: 650px;
    height: auto;
    width: auto;
  }
}

@media (max-width: 767px) {
  .banner-course-detail .banner-top__video {
    max-width: none;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: unset;
    top: unset;
  }
}

.banner-course-detail .banner-top .icon-video-banner {
  line-height: 66px;
}

.banner-course-detail .banner-top .icon-video-banner::before {
  font-size: 15px;
  color: #42495b;
}

.banner-course-detail .banner-top .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -38px;
  margin-top: -38px;
}

.banner-course-detail .banner-top .btn-play:focus {
  outline: none;
}

@media (max-width: 768px) {
  .banner-course-detail .banner-top h2 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .banner-course-detail .banner-top h2 {
    font-size: 24px;
  }
}

.banner-course-detail .banner-bottom {
  padding-top: 300px;
  background-color: #fafafa;
  padding-bottom: 100px;
  /*@media (max-width: 768px) {
			padding-top: 250px;
			padding-bottom: 50px;
			}*/
}

@media (max-width: 767px) {
  .banner-course-detail .banner-bottom {
    padding-top: 100px;
  }
}

.banner-course-detail .banner-bottom .banner-bottom__text-group__item + .banner-bottom__text-group__item {
  margin-top: 32px;
}

.banner-course-detail .banner-bottom .banner-bottom__text-group__item .title-text {
  font-size: 32px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .banner-course-detail .banner-bottom .banner-bottom__text-group__item .title-text {
    font-size: 24px;
  }
}

.banner-course-detail .banner-bottom .banner-bottom__table {
  max-width: 400px;
  padding: 8px 65px 22px;
  height: auto;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  background-color: #2d7dfa;
  margin-left: auto;
}

@media (max-width: 991px) {
  .banner-course-detail .banner-bottom .banner-bottom__table {
    max-width: none;
    width: 100%;
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  .banner-course-detail .banner-bottom .banner-bottom__table {
    padding: 15px 20px;
    margin-top: 40px;
  }
}

.banner-course-detail .banner-bottom .banner-bottom__table .text-main {
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: 400;
}

.banner-course-detail .banner-bottom .banner-bottom__table .text-white-bold {
  color: #fff;
  font-weight: bold;
}

.banner-course-detail .banner-bottom .banner-bottom__table .text-white-content {
  color: #fafafa;
}

.banner-course-detail .banner-bottom .banner-bottom__table .hd {
  margin-bottom: 16px;
}

.banner-course-detail .banner-bottom .banner-bottom__table .hd-sub {
  margin-bottom: 6px;
}

.banner-course-detail .banner-bottom .banner-bottom__table .banner-bottom__table__cell:not(:last-child) {
  border-bottom: 1px solid rgba(250, 250, 250, 0.23);
}

.banner-course-detail .banner-bottom .banner-bottom__table .banner-bottom__table__cell {
  padding: 32px 0;
}

/*=====  End of 1.banner-course-detail  ======*/
/*================================================
=            2.carousel-course-detail            =
================================================*/
.carousel-course-detail {
  background-color: #fff;
  margin-top: 100px;
}

@media (max-width: 768px) {
  .carousel-course-detail {
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  .carousel-course-detail {
    margin-top: 40px;
  }
}

.carousel-course-detail .carousel-slide .arrow {
  position: absolute;
  bottom: 280px;
  z-index: 4;
}

@media (max-width: 1024px) {
  .carousel-course-detail .carousel-slide .arrow {
    bottom: 10%;
  }
}

.carousel-course-detail .carousel-slide .arrow--left {
  right: 50%;
  margin-right: 8px;
}

.carousel-course-detail .carousel-slide .arrow--right {
  left: 50%;
  margin-left: 8px;
}

.carousel-course-detail .carousel-slide .icon-slide::before {
  font-size: 19px;
  color: #42495b;
}

@media (max-width: 767px) {
  .carousel-course-detail .carousel-slide__item__holder::before {
    padding-top: 80%;
  }
}

@media (max-width: 768px) {
  .carousel-course-detail .carousel-slide__item__holder .holder-wrapper {
    padding: 15px;
  }
}

@media (max-width: 991px) {
  .carousel-course-detail .carousel-slide__item__info {
    padding: 10%;
  }
}

@media (max-width: 768px) {
  .carousel-course-detail .carousel-slide__item__info {
    padding: 15px;
  }
}

/*=====  End of 2.carousel-course-detail  ======*/
/*======================================================
=            3.student-reviews-course-detail           =
======================================================*/
.student-reviews-course-detail {
  background-color: #fafafa;
  padding: 100px 0;
  margin-bottom: 100px;
}

.student-reviews-course-detail .student-reviews {
  position: relative;
}

.student-reviews-course-detail .student-reviews-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .student-reviews-course-detail .student-reviews-row .col-student-reviews {
    margin-top: 40px;
  }
  .student-reviews-course-detail .student-reviews-row .col-student-reviews:nth-child(-n + 3) {
    margin-top: 40px;
  }
  .student-reviews-course-detail .student-reviews-row .col-student-reviews:nth-child(-n + 2) {
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .student-reviews-course-detail .student-reviews-row .col-student-reviews {
    margin-top: 20px;
  }
  .student-reviews-course-detail .student-reviews-row .col-student-reviews:nth-child(-n + 2) {
    margin-top: 20px;
  }
  .student-reviews-course-detail .student-reviews-row .col-student-reviews:first-child {
    margin-top: 0;
  }
}

.student-reviews-course-detail .col-student-reviews {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  padding: 0 15px;
  max-width: 33.33333333%;
  margin-top: 60px;
}

.student-reviews-course-detail .col-student-reviews:nth-child(-n + 3) {
  margin-top: 0;
}

@media (max-width: 991px) {
  .student-reviews-course-detail .col-student-reviews {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 600px) {
  .student-reviews-course-detail .col-student-reviews {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.student-reviews-course-detail .view-wrapper {
  display: block;
  text-align: right;
}

@media (max-width: 575px) {
  .student-reviews-course-detail .view-wrapper {
    bottom: 20px;
  }
}

.student-reviews-course-detail .view-wrapper .view-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #09c199;
}

.student-reviews-course-detail .view-wrapper .mini-oval {
  margin-left: 16px;
}

.student-reviews-course-detail .student-reviews__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .student-reviews-course-detail .student-reviews__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }
}

.student-reviews-course-detail .student-reviews__header .title-text {
  font-size: 50px;
}

@media (max-width: 768px) {
  .student-reviews-course-detail .student-reviews__header .title-text {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .student-reviews-course-detail .student-reviews__header .title-text {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
  }
}

.student-reviews-course-detail .student-reviews__header .sort-right {
  float: none;
  margin: 0;
}

.student-reviews-course-detail .student-reviews__header .sort-right .sort-by {
  width: initial;
}

.student-reviews-course-detail .student-reviews__item .student-reviews__item__rating {
  margin-bottom: 24px;
}

.student-reviews-course-detail .student-reviews__item .student-reviews__item__rating .name {
  float: left;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  font-weight: bold;
  color: #42495b;
}

.student-reviews-course-detail .student-reviews__item .student-reviews__item__rating .rating-start {
  float: right;
}

.student-reviews-course-detail .student-reviews__synthetic__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.student-reviews-course-detail .student-reviews__synthetic__item .icon-star::before {
  font-size: 6px;
  color: #868686;
}

.student-reviews-course-detail .student-reviews__synthetic__item .stat-bar {
  width: 73%;
  height: 3px;
}

.student-reviews-course-detail .student-reviews__synthetic__item .number-star {
  margin-left: 4px;
}

.student-reviews-course-detail .student-reviews__synthetic__item .number-star, .student-reviews-course-detail .student-reviews__synthetic__item .stat-percent {
  font-family: 'Nunito Sans',sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #868686;
}

.student-reviews-course-detail .student-reviews__synthetic__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.student-reviews-course-detail .student-reviews__synthetic__header .title-text {
  font-size: 28px;
}

.student-reviews-course-detail .student-reviews__synthetic__header .rating-start, .student-reviews-course-detail .student-reviews__synthetic__header .number-per {
  margin-left: 16px;
}

@media (max-width: 768px) {
  .student-reviews-course-detail {
    padding: 50px 0;
  }
  .student-reviews-course-detail .view-wrapper {
    position: relative;
    bottom: 0;
  }
}

/*================  End of 3.  =======================*/
/*==================================================
=            4.card-price-course-detail            =
==================================================*/
.card-price-course-detail {
  background-color: #fff;
  margin-bottom: 100px;
}

.card-price-course-detail .card-price-header {
  margin-bottom: 80px;
}

.card-price-course-detail .card-price-header h2 {
  font-size: 50px;
  letter-spacing: -0.3px;
  text-align: center;
  line-height: 1.2;
}

.card-price-course-detail .card-price-header p {
  font-size: 22px;
  text-align: center;
}

.card-price-course-detail .card-price-menu {
  padding: 0 100px;
}

@media (max-width: 991px) {
  .card-price-course-detail .card-price-menu {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .card-price-course-detail {
    margin-top: 50px;
  }
  .card-price-course-detail .card-price-header {
    margin-bottom: 40px;
  }
  .card-price-course-detail .card-price-header h2 {
    font-size: 36px;
  }
  .card-price-course-detail .card-price-header p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .card-price-course-detail .card-price-header {
    margin-bottom: 40px;
  }
  .card-price-course-detail .card-price-header h2 {
    font-size: 24px;
  }
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-f6d8c091e81dfb911fc0815e7c9952c90b361a3f685804be08a5fa2ee6d6198b.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-f6d8c091e81dfb911fc0815e7c9952c90b361a3f685804be08a5fa2ee6d6198b.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-c23f23416a84a359723ffe28c6231f7e6edd10de024da40c190f9e0706c70276.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-24221a00d39ccfd2da654907e99b5af8d8dc60b91bfb414b4ca82779f7f9ffb6.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-0a3bb6e0c499ea585572cbda26b638d08b96a568bfb173f0dce2c9eee4a441b3.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-c7cf3a680d1476856186d49a361c0b3e09d13a2f4ba4ebd638595bbad9d21c2d.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-ea4f5d5317b31eaaaf01e3db3357884b418c8b3361019647559c835996ddaedb.png)/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*

 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
/*

 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
/*

 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*

 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
/*

 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
/*

 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*

 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
/*

 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
/*

 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
/*

 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
/*

 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
/*

 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
/*

 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
/*

 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*




















 */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*


 */
/* line 1, app/assets/stylesheets/admin/affiliates/_form.scss */
div.admin.affiliates.form {
  background-color: #fff;
  color: var(--text-color);
  padding: 30px 0;
}

/* line 5, app/assets/stylesheets/admin/affiliates/_form.scss */
div.admin.affiliates.form div.affiliate--section {
  max-width: 350px;
  margin: 0 auto;
}

/* line 8, app/assets/stylesheets/admin/affiliates/_form.scss */
div.admin.affiliates.form div.affiliate--section p.heading {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 17, app/assets/stylesheets/admin/affiliates/_form.scss */
div.admin.affiliates.form input[type=submit] {
  margin: 20px auto;
  height: 36px;
  min-width: 80px;
  display: block;
  background-color: var(--dark-cyan);
  outline: none;
  color: #fff;
  border-radius: 4px;
  border: 1px solid var(--dark-cyan);
}
/* line 2, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Mulish', arial, sans-serif;
}

/* line 8, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element a.add--affiliate, div.admin.affiliates.index div.container--element button.button--save--position {
  margin-top: 10px;
  display: inline-block;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  padding: 8px 10px;
  border-radius: 3px;
}

/* line 18, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element button.button--save--position {
  margin-left: 10px;
}

/* line 22, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
}

/* line 27, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate {
  cursor: move;
  /* fallback: no `url()` support or images disabled */
  cursor: grab;
  width: 400px;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

@media (max-width: 768px) {
  /* line 27, app/assets/stylesheets/admin/affiliates/index.scss */
  div.admin.affiliates.index div.container--element div.classes--container a.affiliate {
    max-width: 100%;
    flex: 0 1 48%;
  }
}

@media (max-width: 500px) {
  /* line 27, app/assets/stylesheets/admin/affiliates/index.scss */
  div.admin.affiliates.index div.container--element div.classes--container a.affiliate {
    flex: 0 1 100%;
  }
}

/* line 43, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate:hover {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 47, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.class--picture {
  width: 100%;
  position: relative;
}

@media (max-width: 470px) {
  /* line 47, app/assets/stylesheets/admin/affiliates/index.scss */
  div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.class--picture {
    width: 100%;
  }
}

/* line 54, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.class--picture img {
  width: 100%;
  height: auto;
}

/* line 59, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 65, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.name {
  min-height: 40px;
}

/* line 68, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.description {
  color: #868686;
  font-size: 14px;
  min-height: 40px;
  max-height: 200px;
  overflow: auto;
}

/* line 77, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information div.variant--label {
  font-size: 17px;
}

/* line 81, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information ol.variants--list li {
  font-size: 15px;
  font-weight: 300;
}

/* line 82, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information ol.variants--list li:first-of-type {
  margin-top: 8px;
}

/* line 91, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information {
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 97, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 101, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 106, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 116, app/assets/stylesheets/admin/affiliates/index.scss */
div.admin.affiliates.index div.container--element div.classes--container a.item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/* line 3, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal div.window--body__content {
  position: relative;
  min-height: inherit;
}

/* line 7, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal div.content {
  max-width: 400px;
}

/* line 11, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal div.loading--container {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 20, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal button.submit--button {
  padding: 8px 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background-color: var(--primary-shade-3);
  color: #fff;
  border-radius: 4px;
}

/* line 31, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal div.loading--container {
  transition: opacity 240ms ease-in-out;
  opacity: 0;
}

/* line 34, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.Modal div.loading--container div.inTurnBlurringTextG {
  color: transparent;
  font-size: 16px;
}

/* line 41, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.divider {
  padding: 20px 0;
}

/* line 45, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content {
  padding: 60px 20px;
  font-family: Mulish, arial, sans-serif;
  max-width: 900px;
  margin: 0 auto;
  color: var(--dark-text);
  font-size: 13px;
}

/* line 53, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content h1.main--heading {
  font-size: 24px;
  margin: 20px 0;
  font-weight: 700;
  color: var(--primary-shade-3);
}

/* line 60, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content button.create--discount--voucher {
  margin-top: 10px;
  font-family: Mulish, sans-serif;
  padding: 8px 10px;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
}

/* line 68, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content button.create--discount--voucher i {
  margin-right: 8px;
}

/* line 73, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers {
  margin-top: 20px;
}

/* line 75, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.35);
}

/* line 79, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers table th, div.admin.discount_vouchers.index div.page--content div.vouchers table td {
  padding: 15px 30px;
}

/* line 84, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

/* line 90, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers table td {
  color: var(--dark-text);
}

/* line 95, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.vouchers table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 102, app/assets/stylesheets/admin/discount-vouchers/index.scss */
div.admin.discount_vouchers.index div.page--content div.discounts--pagination {
  display: block;
  text-align: center;
}
/* line 1, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form {
  padding: 20px;
  max-width: 550px;
  margin: 0 auto;
  height: 100%;
}

/* line 2, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.instructor--details--section {
  color: var(--text-color);
  padding: 10px 0;
}

/* line 13, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section div.paragraph--item div {
  font-weight: 600;
  color: var(--text-color);
}

/* line 17, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section div.paragraph--item div.delete--icon {
  color: var(--dark-red);
  cursor: pointer;
}

/* line 21, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section div.paragraph--item textarea {
  width: 100%;
  padding: 10px;
  resize: none;
  border-radius: 4px;
  min-height: 200px;
  color: var(--text-color);
  font-size: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.04);
}

/* line 32, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section div.paragraph--item:not(:last-of-type) {
  margin-bottom: 20px;
}

/* line 37, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section textarea {
  width: 100%;
  padding: 10px;
  resize: none;
  border-radius: 4px;
  min-height: 200px;
  color: var(--text-color);
  font-size: 15px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.04);
}

/* line 49, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form div.paragraphs--section button.outline--button {
  margin-top: 15px;
}

/* line 54, app/assets/stylesheets/admin/instructor--details/_form.scss */
div.instructor--details.form input[type=submit] {
  margin: 20px auto;
  height: 36px;
  min-width: 80px;
  display: block;
  background-color: var(--dark-cyan);
  outline: none;
  color: #fff;
  border-radius: 4px;
  border: 1px solid var(--dark-cyan);
}
/* line 2, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

/* line 8, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.new--instructor--detail--link {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 14, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.new--instructor--detail--link a {
  display: block;
  width: 220px;
  background-color: var(--complement-shade-4);
  padding: 8px 12px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 600;
}

/* line 27, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 31, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item {
  max-width: 200px;
  margin: 20px 40px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  transition: transform 280ms ease-in-out;
  padding: 15px;
}

@media (max-width: 430px) {
  /* line 31, app/assets/stylesheets/admin/instructor--details/index.scss */
  div.instructor--details.index div.container--element div.details--container a.detail--item {
    margin: 20px 0;
  }
}

/* line 41, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item:hover {
  transform: translateY(-10px);
}

/* line 45, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item div.picture {
  min-height: 48px;
  width: 100%;
}

/* line 52, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item div.picture img {
  width: 100%;
  height: auto;
}

/* line 58, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item div.border {
  background-color: rgba(0, 0, 0, 0.15);
  height: 1px;
  margin: 30px 0;
}

/* line 64, app/assets/stylesheets/admin/instructor--details/index.scss */
div.instructor--details.index div.container--element div.details--container a.detail--item div.instuctor--name {
  color: var(--text-color);
  text-align: center;
}
/* line 1, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form {
  background-color: #fff;
  color: var(--text-color);
  padding: 30px 0;
}

/* line 5, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.item--section {
  max-width: 350px;
  margin: 0 auto;
}

/* line 8, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.item--section p.heading {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 17, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form input[type=submit] {
  margin: 20px auto;
  height: 36px;
  min-width: 80px;
  display: block;
  background-color: var(--dark-cyan);
  outline: none;
  color: #fff;
  border-radius: 4px;
  border: 1px solid var(--dark-cyan);
}

/* line 30, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section h2.variants--header {
  font-size: 22px;
  color: var(--text-color);
  font-weight: 600;
  text-align: center;
}

/* line 37, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 43, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.lecture--deleted {
  min-height: 24px;
}

/* line 47, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.form--block {
  margin: 10px 0;
}

/* line 51, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item {
  padding: 10px 12px;
  width: 350px;
}

/* line 54, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item strong {
  font-weight: 800;
}

/* line 58, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--deleted {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 62, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--deleted label {
  cursor: pointer;
}

/* line 65, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--deleted input {
  margin: 0;
  margin-left: 8px;
  cursor: pointer;
}

/* line 72, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects {
  display: flex;
  flex-direction: column;
}

/* line 75, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 79, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item span.delete--icon {
  color: var(--dark-red);
  cursor: pointer;
  margin-right: 10px;
}

/* line 84, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item div.input--group {
  border: 2px solid #ebedf3;
  margin: 8px 0;
  border-radius: 4px;
  display: flex;
  width: 100%;
  transition: border-color 180ms ease-in-out;
}

/* line 91, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item div.input--group:focus-within {
  border-color: var(--primary-shade-3);
}

/* line 94, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item div.input--group div.number--container {
  background-color: #f3f6f9;
  padding: 8px;
  width: 50px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 102, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects div.subject--item div.input--group input {
  border: none;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
}

/* line 112, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects button.add--subject {
  padding: 8px 12px;
  width: 100px;
  color: var(--text-color);
  font-size: 13px;
  background-color: transparent;
  color: var(--primary-shade-3);
  font-weight: 600;
  transition: background-color 200ms ease-in-out;
}

/* line 121, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section div.variants--container div.variant--item div.lecture--item__subjects button.add--subject:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 129, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section button.add--variant {
  width: 150px;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
  border: 1px solid var(--accent-two-shade-3);
  background-color: transparent;
  padding: 8px 12px;
  color: var(--accent-two-shade-3);
  font-weight: 600;
  transition: background-color 180ms ease-in-out;
}

/* line 140, app/assets/stylesheets/admin/items/_form.scss */
div.admin.items.form div.variants--section button.add--variant:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 2, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Mulish', arial, sans-serif;
}

/* line 8, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element a.add--store--item, div.admin.items.index div.container--element button.button--save--position, div.admin.items.index div.container--element a.add--affiliate {
  margin-top: 10px;
  display: inline-block;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  padding: 8px 10px;
  border-radius: 3px;
}

/* line 18, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element button.button--save--position {
  margin-left: 10px;
}

/* line 22, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
}

/* line 27, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item, div.admin.items.index div.container--element div.classes--container a.affiliate {
  cursor: move;
  /* fallback: no `url()` support or images disabled */
  cursor: grab;
  width: 400px;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

@media (max-width: 768px) {
  /* line 27, app/assets/stylesheets/admin/items/index.scss */
  div.admin.items.index div.container--element div.classes--container a.item, div.admin.items.index div.container--element div.classes--container a.affiliate {
    max-width: 100%;
    flex: 0 1 48%;
  }
}

@media (max-width: 500px) {
  /* line 27, app/assets/stylesheets/admin/items/index.scss */
  div.admin.items.index div.container--element div.classes--container a.item, div.admin.items.index div.container--element div.classes--container a.affiliate {
    flex: 0 1 100%;
  }
}

/* line 43, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item:hover, div.admin.items.index div.container--element div.classes--container a.affiliate:hover {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 47, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.class--picture, div.admin.items.index div.container--element div.classes--container a.affiliate div.class--picture {
  width: 100%;
  position: relative;
  max-height: 300px;
  overflow: hidden;
}

@media (max-width: 470px) {
  /* line 47, app/assets/stylesheets/admin/items/index.scss */
  div.admin.items.index div.container--element div.classes--container a.item div.class--picture, div.admin.items.index div.container--element div.classes--container a.affiliate div.class--picture {
    width: 100%;
  }
}

/* line 56, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.class--picture img, div.admin.items.index div.container--element div.classes--container a.affiliate div.class--picture img {
  width: 100%;
  height: auto;
}

/* line 61, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 67, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details strong, div.admin.items.index div.container--element div.classes--container a.item div.item--details b, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details strong, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details b {
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details em, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details em {
  font-style: italic;
}

/* line 75, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.name, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.name {
  min-height: 40px;
}

/* line 78, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.description, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.description {
  color: #000000;
  font-size: 14px;
  min-height: 40px;
}

/* line 86, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.variant--information div.variant--label, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information div.variant--label {
  font-size: 17px;
}

/* line 90, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.variant--information ol.variants--list li, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information ol.variants--list li {
  font-size: 15px;
  font-weight: 300;
}

/* line 91, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.variant--information ol.variants--list li:first-of-type, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information ol.variants--list li:first-of-type {
  margin-top: 8px;
}

/* line 100, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information {
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 106, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.enrollments, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 110, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.enrollments i.icon, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 115, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.price, div.admin.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 125, app/assets/stylesheets/admin/items/index.scss */
div.admin.items.index div.container--element div.classes--container a.item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/* line 2, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group form {
  max-width: 100%;
  padding: 20px;
}

/* line 7, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.lecture-schedule-group__alert {
  height: 80px;
  display: flex;
  align-items: center;
  border: 1px solid var(--dark-red);
  padding: 0 20px;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 450px) {
  /* line 7, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
  section.edit-lecture-schedule-group div.lecture-schedule-group__alert {
    width: 90%;
    margin: auto;
  }
}

/* line 20, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.lecture-schedule-group__alert div.alert__icon {
  color: var(--dark-red);
  font-size: 35px;
  margin-right: 15px;
}

/* line 26, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.lecture-schedule-group__alert div.alert__message {
  color: var(--dark-red);
}

/* line 30, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group h1.schedule__title {
  margin-top: 50px;
}

/* line 32, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group h1.schedule__title span {
  font-size: 18px;
  cursor: pointer;
  color: #18ba0f;
}

/* line 39, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.class--schedules--container h3 {
  text-align: left;
  margin: 20px 0;
  color: var(--dark-text);
}

/* line 45, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.class--schedules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 20px;
}

/* line 49, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.class--schedules div.form-block__picker {
  width: 100%;
  margin: 10px 0;
  border: 1px solid;
  border-radius: 10px;
  padding: 15px;
}

/* line 55, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.class--schedules div.form-block__picker label {
  min-width: 80px;
}

/* line 58, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group div.class--schedules div.form-block__picker input[type=text], section.edit-lecture-schedule-group div.class--schedules div.form-block__picker input[type=number] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
}

/* line 67, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group button.submit--class--schedule {
  height: 36px;
  min-width: 80px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  text-transform: capitalize;
  border-radius: 2px;
}

/* line 76, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group h1 {
  text-align: center;
  font-weight: 300;
}

/* line 80, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
section.edit-lecture-schedule-group h2.section__header {
  text-align: center;
  color: var(--text-color);
}

/* line 87, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section h3.students--section--header {
  color: var(--dark-text);
}

/* line 91, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section div.students--section__information {
  background-color: #fff;
  padding: 20px;
}

/* line 96, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section table.students--table {
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
}

/* line 100, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section table.students--table th, div.lecture--schedule--group--edit section.students--section table.students--table td {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 106, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section table.students--table th {
  font-size: 20px;
}

/* line 108, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section table.students--table th:first-of-type {
  width: 100px;
}

/* line 114, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section button.add--student {
  height: 36px;
  width: 80px;
  border-radius: 2px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  transition: background-color 300ms ease-in-out;
}

/* line 124, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.lecture--schedule--group--edit section.students--section div.add--student--form--container {
  overflow: hidden;
  transition: height 300ms ease-in-out;
}

/* line 131, app/assets/stylesheets/admin/lecture-schedule-group/edit.scss */
div.button--container button.button--container__button {
  padding: 10px 15px;
  border-radius: 2px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  min-width: 110px;
}
/* line 4, app/assets/stylesheets/admin/lecture-schedule-group/index.scss */
div.lecture-schedule-group.index div.Modal div.button--group button {
  min-width: 60px;
}

/* line 7, app/assets/stylesheets/admin/lecture-schedule-group/index.scss */
div.lecture-schedule-group.index div.Modal div.button--group button.confirm--deletion {
  background-color: var(--dark-red);
}

/* line 10, app/assets/stylesheets/admin/lecture-schedule-group/index.scss */
div.lecture-schedule-group.index div.Modal div.button--group button.transparent--close {
  min-width: 60px;
}
/* line 2, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all h1 {
  text-align: center;
  color: var(--text-color);
  font-size: 30px;
  font-weight: 300;
  margin: 40px 0;
}

@media (max-width: 450px) {
  /* line 2, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
  div.lecture-schedule-group-all h1 {
    margin: 20px 0;
  }
}

/* line 12, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all .black {
  color: var(--dark-text);
}

/* line 15, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all a.new-schedule-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 80px;
  color: #fff;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: var(--accent-two-shade-2);
}

/* line 28, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules {
  min-height: 500px;
}

/* line 30, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 20px;
}

/* line 34, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item {
  padding: 10px 30px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  min-height: 460px;
  position: relative;
  background-color: #fff;
  position: relative;
}

/* line 43, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item span.ti-game {
  position: absolute;
  left: 40px;
  top: 10px;
  z-index: 1;
  font-size: 25px;
}

/* line 54, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__status span.green {
  color: var(--accent-one-shade-4);
}

/* line 57, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__status span.red {
  color: var(--dark-red);
}

/* line 63, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item.active {
  background-color: var(--accent-one-shade-4);
  color: #fff;
}

/* line 68, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item.active div.profile__classes__item__status span.green {
  color: #fff;
}

/* line 71, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item.active div.profile__classes__item__status span.red {
  color: var(--dark-red);
}

/* line 79, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item-header {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

/* line 87, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__capacity span:first-of-type,
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__class--id span:first-of-type {
  color: var(--dark-text);
}

/* line 92, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item a.profile__classs__item__edit {
  font-size: 22px;
  float: right;
  color: var(--dark-cyan);
}

/* line 98, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item ul.class__schedules {
  list-style: disc;
}

/* line 102, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__status {
  align-items: center;
  display: flex;
}

/* line 104, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.profile__classes__item__status span {
  min-width: 60px;
  margin-right: 10px;
}

/* line 111, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item div.figure__border {
  margin-bottom: 50px;
}

/* line 115, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all section.class-schedules div.class-schedules__container figure.profile__classes__item a.figure__game-link {
  margin: auto;
  display: inline-block;
  background-color: var(--accent-one-shade-3);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  bottom: 10px;
}

/* line 131, app/assets/stylesheets/admin/lecture-schedule-group/lecture_schedule_group-all.scss */
div.lecture-schedule-group-all h2.no-schedule-notice {
  visibility: hidden;
}
/* line 4, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group form,
section.edit-lecture-schedule-group form {
  background-color: #fff;
  max-width: 800px;
  margin: 20px auto;
  padding: 40px;
  border-radius: 4px;
  box-shadow: var(shadow--type-1);
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
  section.new-lecture-schedule-group form,
section.edit-lecture-schedule-group form {
    padding: 20px 0;
  }
  /* line 13, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
  section.new-lecture-schedule-group form select,
section.edit-lecture-schedule-group form select {
    width: 275px;
    font-size: 13px;
  }
}

/* line 20, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group h1,
section.edit-lecture-schedule-group h1 {
  margin: 20px 0;
  font-size: 28px;
  text-align: center;
  color: var(--text-color);
}

/* line 27, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group h2,
section.edit-lecture-schedule-group h2 {
  font-weight: 600;
}

/* line 31, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group h3,
section.edit-lecture-schedule-group h3 {
  font-size: 16px;
}

/* line 35, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group h1.schedule__title,
section.edit-lecture-schedule-group h1.schedule__title {
  margin-top: 50px;
}

/* line 37, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group h1.schedule__title span,
section.edit-lecture-schedule-group h1.schedule__title span {
  font-size: 18px;
  cursor: pointer;
  color: #18ba0f;
}

/* line 43, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.lecture__schedules,
section.edit-lecture-schedule-group div.lecture__schedules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* line 46, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.lecture__schedules div.form-block__picker,
section.edit-lecture-schedule-group div.lecture__schedules div.form-block__picker {
  width: 95%;
  margin: 10px 2.5%;
  border: 1px solid;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}

/* line 53, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.lecture__schedules div.form-block__picker input[type=text], section.new-lecture-schedule-group div.lecture__schedules div.form-block__picker input[type=number],
section.edit-lecture-schedule-group div.lecture__schedules div.form-block__picker input[type=text],
section.edit-lecture-schedule-group div.lecture__schedules div.form-block__picker input[type=number] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
}

/* line 59, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.lecture__schedules div.form-block__picker a.remove-class-schedule,
section.edit-lecture-schedule-group div.lecture__schedules div.form-block__picker a.remove-class-schedule {
  position: absolute;
  font-size: 21px;
  height: 25px;
  width: 25px;
  line-height: 1.3;
  text-align: center;
  border-radius: 100%;
  background-color: #ff0000;
  top: -9px;
  right: -9px;
}

/* line 70, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.lecture__schedules div.form-block__picker a.remove-class-schedule i,
section.edit-lecture-schedule-group div.lecture__schedules div.form-block__picker a.remove-class-schedule i {
  color: #ffffff;
}

/* line 77, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.form-block.container,
section.edit-lecture-schedule-group div.form-block.container {
  width: 95%;
  margin: 10px 2.5%;
  border: 1px solid;
  border-radius: 10px;
  padding: 15px;
}

/* line 83, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.form-block.container label,
section.edit-lecture-schedule-group div.form-block.container label {
  min-width: 80px;
}

/* line 86, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.form-block.container input,
section.edit-lecture-schedule-group div.form-block.container input {
  max-width: none;
  width: 100%;
}

/* line 92, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.form-block,
section.edit-lecture-schedule-group div.form-block {
  margin: 10px 0 10px 0px;
}

/* line 94, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group div.form-block label,
section.edit-lecture-schedule-group div.form-block label {
  min-width: 80px;
}

/* line 99, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group input[type=text], section.new-lecture-schedule-group input[type=number],
section.edit-lecture-schedule-group input[type=text],
section.edit-lecture-schedule-group input[type=number] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 4px 10px;
  border-radius: 4px;
  max-width: 250px;
}

/* line 106, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group input.class-code,
section.edit-lecture-schedule-group input.class-code {
  background: #ffffff;
}

/* line 110, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group button.submit--button,
section.edit-lecture-schedule-group button.submit--button {
  margin: 0 auto;
  display: block;
  padding: 8px 10px;
  min-width: 90px;
  border-radius: 4px;
  background-color: var(--dark-cyan);
  color: #fff;
  text-transform: uppercase;
}

/* line 121, app/assets/stylesheets/admin/lecture-schedule-group/new.scss */
section.new-lecture-schedule-group span.remove-class,
section.edit-lecture-schedule-group span.remove-class {
  font-size: 12px;
  border-radius: 10px;
  padding: 0 6px;
  color: #ffffff;
  background: #ff0000;
  border: 1px solid;
  cursor: pointer;
}
/* line 1, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form {
  color: var(--text-color);
  padding: 30px 0;
}

/* line 4, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.mahjong--class--section {
  max-width: 350px;
  margin: 0 auto;
}

/* line 9, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form input[type=submit] {
  margin: 20px auto;
  height: 36px;
  min-width: 80px;
  display: block;
  background-color: var(--dark-cyan);
  outline: none;
  color: #fff;
  border-radius: 4px;
  border: 1px solid var(--dark-cyan);
}

/* line 22, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section h2.lectures--header {
  font-size: 22px;
  color: var(--text-color);
  font-weight: 600;
  text-align: center;
}

/* line 29, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 35, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--deleted {
  min-height: 24px;
}

/* line 39, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.form--block {
  margin: 10px 0;
}

/* line 43, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item {
  padding: 10px 12px;
  width: 350px;
}

/* line 46, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item strong {
  font-weight: 800;
}

/* line 50, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--deleted {
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--deleted label {
  cursor: pointer;
}

/* line 57, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--deleted input {
  margin: 0;
  margin-left: 8px;
  cursor: pointer;
}

/* line 64, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects {
  display: flex;
  flex-direction: column;
}

/* line 67, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 71, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item span.delete--icon {
  color: var(--dark-red);
  cursor: pointer;
  margin-right: 10px;
}

/* line 76, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item div.input--group {
  border: 2px solid #ebedf3;
  margin: 8px 0;
  border-radius: 4px;
  display: flex;
  width: 100%;
  transition: border-color 180ms ease-in-out;
}

/* line 83, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item div.input--group:focus-within {
  border-color: var(--primary-shade-3);
}

/* line 86, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item div.input--group div.number--container {
  background-color: #f3f6f9;
  padding: 8px;
  width: 50px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 94, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects div.subject--item div.input--group input {
  border: none;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
}

/* line 104, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects button.add--subject {
  padding: 8px 12px;
  width: 100px;
  color: var(--text-color);
  font-size: 13px;
  background-color: transparent;
  color: var(--primary-shade-3);
  font-weight: 600;
  transition: background-color 200ms ease-in-out;
}

/* line 113, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section div.lectures--container div.lecture--item div.lecture--item__subjects button.add--subject:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 121, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section button.add--lecture {
  width: 150px;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
  border: 1px solid var(--accent-two-shade-3);
  background-color: transparent;
  padding: 8px 12px;
  color: var(--accent-two-shade-3);
  font-weight: 600;
  transition: background-color 180ms ease-in-out;
}

/* line 132, app/assets/stylesheets/admin/mahjong-classes/_form.scss */
div.mahjong--classes.form div.lectures--section button.add--lecture:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 3, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

/* line 8, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* line 12, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.new--mahjong--class--link, div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.save--positions--mahjong--class {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 18, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.new--mahjong--class--link a, div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.new--mahjong--class--link button, div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.save--positions--mahjong--class a, div.mahjong--classes.index div.container--element div.mahjong--class--buttons--container div.save--positions--mahjong--class button {
  display: block;
  width: 160px;
  background-color: var(--accent-one-shade-4);
  padding: 8px 12px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 600;
}

/* line 32, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 37, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item {
  max-width: 300px;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

/* line 42, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item:hover {
  transform: scale(1.04);
}

/* line 45, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--picture {
  width: 300px;
}

@media (max-width: 300px) {
  /* line 45, app/assets/stylesheets/admin/mahjong-classes/index.scss */
  div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--picture {
    width: 100%;
    max-width: 300px;
  }
}

/* line 51, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--picture img {
  width: 99.9%;
  height: auto;
}

/* line 56, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 62, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.name {
  min-height: 60px;
}

/* line 65, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.summary {
  color: #868686;
  font-size: 14px;
  min-height: 70px;
}

/* line 71, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.bottom--information {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 76, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 80, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 85, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item div.class--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 92, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item.hovered {
  border: 2px solid #1976D2;
}

/* line 95, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item.hovered div.class--picture img {
  width: 99%;
}

/* line 100, app/assets/stylesheets/admin/mahjong-classes/index.scss */
div.mahjong--classes.index div.container--element div.classes--container a.class--item.dragging {
  opacity: 0.5;
}
/* line 2, app/assets/stylesheets/admin/user-inquiries/user-inquiries.scss */
div.user-inquiries div.table--container {
  max-width: 800px;
  margin: 0 auto;
  color: var(--dark-grey);
  padding: 10px;
}

/* line 8, app/assets/stylesheets/admin/user-inquiries/user-inquiries.scss */
div.user-inquiries div.filter--container {
  display: flex;
  margin: 0 0 10px;
}

/* line 11, app/assets/stylesheets/admin/user-inquiries/user-inquiries.scss */
div.user-inquiries div.filter--container p.download--button {
  margin: 0 0 0 20px;
}

/* line 14, app/assets/stylesheets/admin/user-inquiries/user-inquiries.scss */
div.user-inquiries div.filter--container input.filter--date {
  margin: 0 0 0 5px;
}
/* line 1, app/assets/stylesheets/admin/users/user_all.scss */
h2.main-header {
  text-align: center;
  padding: 20px 10px 10px 10px;
}

/* line 6, app/assets/stylesheets/admin/users/user_all.scss */
div.user_alert_container {
  display: none;
}

/* line 10, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert {
  height: 80px;
  display: flex;
  align-items: center;
  border: 1px solid var(--accent-one-shade-4);
  padding: 0 20px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert.red {
  border-color: var(--dark-red);
}

/* line 23, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert.red div.user__alert__icon {
  color: var(--dark-red);
}

/* line 27, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert.red div.user__alert__message {
  color: var(--dark-red);
}

/* line 31, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert.red div.user__alert__close {
  color: var(--dark-red);
}

/* line 36, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert div.user__alert__icon {
  font-size: 35px;
  color: var(--accent-one-shade-4);
  margin-right: 20px;
}

/* line 42, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert div.user__alert__message {
  color: var(--accent-one-shade-4);
  font-size: 14px;
}

/* line 47, app/assets/stylesheets/admin/users/user_all.scss */
div.user__alert div.user__alert__close {
  position: absolute;
  right: 20px;
  color: var(--accent-one-shade-4);
}

/* line 54, app/assets/stylesheets/admin/users/user_all.scss */
div.users__table__container {
  overflow: auto;
}

/* line 58, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table {
  border-collapse: collapse;
  margin-top: 15px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  table-layout: fixed;
}

@media (max-width: 450px) {
  /* line 58, app/assets/stylesheets/admin/users/user_all.scss */
  table.users__table {
    width: 800px;
  }
}

/* line 68, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table th, table.users__table td {
  padding: 15px 10px;
  padding-bottom: 10px;
  border: 1px solid #ebedf2;
  background-color: #fff;
  font-size: 13px;
  min-height: 52px;
  width: 25%;
  word-wrap: break-word;
}

/* line 79, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table th {
  color: #212529;
  font-weight: 700;
}

/* line 82, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table th.users__table__number {
  width: 100px;
}

@media (max-width: 768px) {
  /* line 86, app/assets/stylesheets/admin/users/user_all.scss */
  table.users__table th.users__table__password {
    width: 200px;
  }
}

/* line 91, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table th.block--header {
  text-align: center;
}

/* line 96, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table td {
  color: #424242;
}

/* line 98, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table td a.delete--instructor {
  background-color: #4527A0;
  height: 34px;
  padding: 6px 12px;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
}

/* line 108, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table td.block--button {
  text-align: center;
}

/* line 112, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table div.sphere {
  background-color: rgba(0, 0, 0, 0.6);
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

/* line 120, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table div.sphere__container {
  display: inline-block;
  height: 20px;
}

/* line 123, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table div.sphere__container input.password__input {
  display: inline-block;
  height: 20px;
  display: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  outline: none;
  padding: 10px;
}

@media (max-width: 768px) {
  /* line 123, app/assets/stylesheets/admin/users/user_all.scss */
  table.users__table div.sphere__container input.password__input {
    max-width: 100px;
  }
}

/* line 136, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table button {
  float: right;
  font-size: 20px;
  margin: 0 6px;
  background-color: transparent;
}

/* line 141, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table button.user__save {
  color: var(--accent-one-shade-4);
}

/* line 145, app/assets/stylesheets/admin/users/user_all.scss */
table.users__table button.user__edit--password {
  color: var(--accent-two-shade-4);
}
/* line 1, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index {
  background-color: #f4f4f4;
}

/* line 5, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.content {
  max-width: 400px;
}

/* line 9, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.block--pair {
  display: flex;
  justify-content: space-between;
}

/* line 12, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.block--pair div {
  flex: 0 1 49%;
}

/* line 18, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.input--block:not(:last-of-type) {
  border-bottom: 10px;
}

/* line 21, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.input--block label {
  color: black;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  height: 14px;
}

/* line 30, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.input--block input, div.cart-orders.index div.Modal.ShippingInformation div.input--block select {
  padding: 5px 8px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.85);
}

/* line 38, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation div.input--block span.error {
  font-style: italic;
  color: var(--dark-red);
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 14px;
  min-height: 14px;
}

/* line 49, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.Modal.ShippingInformation button.next--button {
  background-color: var(--complement-shade-4);
  color: #fff;
  margin-top: 10px;
  padding: 8px 4px;
  width: 100%;
}

/* line 59, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 700px) {
  /* line 59, app/assets/stylesheets/cart_orders/index.scss */
  div.cart-orders.index div.container--element {
    flex-wrap: wrap;
  }
}

/* line 70, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders {
  flex: 0 1 100%;
  color: var(--text-color);
  margin-right: 15px;
}

@media (max-width: 700px) {
  /* line 70, app/assets/stylesheets/cart_orders/index.scss */
  div.cart-orders.index div.container--element div.cart--orders {
    margin-right: 0;
  }
}

/* line 78, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.no--items {
  font-size: 18px;
  color: var(--dark-text);
}

/* line 83, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px;
}

/* line 84, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order:not(:first-of-type) {
  margin-top: 10px;
}

/* line 92, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.image--container {
  flex: 0 1 60px;
  width: 60px;
  min-width: 100px;
  margin-right: 10px;
}

/* line 97, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.image--container img {
  width: 100%;
  height: auto;
}

/* line 102, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details {
  flex: 0 1 100%;
}

/* line 104, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details div.name {
  font-weight: 600;
}

/* line 107, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details div.description {
  color: rgba(0, 0, 0, 0.5);
}

/* line 111, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details div.variant--details {
  font-size: 15px;
}

/* line 116, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details div.quantity span.total {
  color: var(--complement-shade-4);
  font-weight: 600;
}

/* line 122, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.cart--orders div.order div.details button.cancel {
  background-color: var(--dark-red);
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 4px 8px;
}

/* line 132, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary {
  background-color: #fff;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 10px;
  flex: 0 1 400px;
}

@media (max-width: 700px) {
  /* line 132, app/assets/stylesheets/cart_orders/index.scss */
  div.cart-orders.index div.container--element div.order--summary {
    flex: 0 1 100%;
    margin-top: 10px;
  }
}

/* line 141, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary div.heading {
  font-weight: 500;
  color: var(--dark-text);
  font-size: 22px;
}

/* line 146, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary div.total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}

/* line 151, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary div.total div.key {
  color: var(--dark-text);
}

/* line 154, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary div.total div.value {
  color: var(--complement-shade-4);
}

/* line 158, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary a.continue--shopping {
  color: #fff;
  background-color: #757575;
  width: 100%;
  display: block;
  padding: 8px;
  text-align: center;
}

/* line 166, app/assets/stylesheets/cart_orders/index.scss */
div.cart-orders.index div.container--element div.order--summary button.checkout {
  width: 100%;
  background-color: var(--complement-shade-4);
  color: #fff;
  font-size: 16px;
  padding: 8px;
}
/* line 2, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* line 6, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 10, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.image {
  flex: 0 1 45%;
  height: 400px;
}

/* line 13, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 700px) {
  /* line 10, app/assets/stylesheets/cart_orders/new.scss */
  div.cart-orders.new div.container--element div.item--details div.image {
    flex: 0 1 100%;
  }
}

/* line 22, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details {
  font-family: 'Mulish', arial, sans-serif;
  flex: 0 1 45%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 700px) {
  /* line 22, app/assets/stylesheets/cart_orders/new.scss */
  div.cart-orders.new div.container--element div.item--details div.details {
    flex: 0 1 100%;
  }
}

/* line 30, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.name {
  color: var(--dark-text);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}

/* line 36, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.price {
  font-size: 20px;
  color: var(--accent-one-shade-4);
}

/* line 40, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.description {
  font-size: 16px;
  color: var(--text-color);
}

/* line 44, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.variant {
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
}

/* line 48, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.variant select {
  padding: 4px 6px;
  min-width: 120px;
  text-align: center;
  border-radius: 4px;
}

/* line 55, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.quantity {
  color: var(--dark-text);
  flex: 0 1 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* line 61, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.quantity div.controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

/* line 66, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.quantity div.controls div.selectors input.number {
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  text-align: center;
  border: none;
  outline: none;
  user-select: none;
}

/* line 75, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.quantity div.controls div.selectors button {
  background-color: transparent;
}

/* line 80, app/assets/stylesheets/cart_orders/new.scss */
div.cart-orders.new div.container--element div.item--details div.details div.quantity button.add--to--cart {
  background-color: var(--primary-shade-3);
  color: #fff;
  padding: 8px 10px;
  border-radius: 4px;
}
/* line 2, app/assets/stylesheets/classes.scss */
div.classes div.pricing-table-main__list {
  width: 90%;
  max-width: 1400px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 9, app/assets/stylesheets/classes.scss */
div.classes div.pricing-table-main__list div.card-price {
  flex: 0 1 33%;
  margin-top: 10px;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/classes.scss */
  div.classes div.pricing-table-main__list div.card-price {
    flex: 0 1 100%;
  }
}

/* line 15, app/assets/stylesheets/classes.scss */
div.classes div.pricing-table-main__list div.card-price div.card-price-menu__item {
  max-width: auto;
  max-width: initial;
  max-width: 400px;
  width: 100%;
  margin: auto;
  height: 100%;
}

/* line 25, app/assets/stylesheets/classes.scss */
div.classes div.classes--container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 30, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item {
  min-height: 200px;
  max-width: 330px;
  cursor: pointer;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
  transition: height 280ms ease-in-out;
}

/* line 38, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item:hover {
  transform: scale(1.04);
}

/* line 41, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--picture {
  width: 330px;
  height: 270px;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 330px) {
  /* line 41, app/assets/stylesheets/classes.scss */
  div.classes div.classes--container div.class--item div.class--picture {
    width: 100%;
    max-width: 300px;
  }
}

/* line 50, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--picture img {
  width: 100%;
  height: auto;
}

/* line 55, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 61, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.name {
  min-height: 60px;
}

/* line 64, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.summary {
  color: #868686;
  font-size: 14px;
  min-height: 70px;
}

/* line 70, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.bottom--information {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 75, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 79, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 84, app/assets/stylesheets/classes.scss */
div.classes div.classes--container div.class--item div.class--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 94, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.window--header {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
}

/* line 99, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content {
  max-width: 1200px;
}

/* line 101, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body {
  display: flex;
}

/* line 105, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--price--container p.price {
  font-size: 30px;
}

/* line 108, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--price--container p.sign-up {
  font-size: 16px;
}

/* line 110, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--price--container p.sign-up a {
  display: inline-block;
  background-color: #daf9f0;
  color: #09c199;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 1;
  border: 1px solid transparent;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  padding: 10px 20px;
}

/* line 123, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--price--container p.sign-up a:hover {
  background-color: #009688;
  color: #ffffff;
}

/* line 130, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content {
  height: 480px !important;
  width: 87%;
}

/* line 133, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--container {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
}

/* line 137, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--container div.class--item {
  background-color: #ffffff;
  margin-right: 20px;
}

/* line 140, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--container div.class--item div.class--picture {
  cursor: pointer;
}

/* line 146, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content p.class--summary {
  font-size: 19px;
  color: #ff7600;
}

/* line 151, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container {
  max-height: 370px;
}

/* line 153, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.instructor__tabs {
  display: flex;
  justify-content: center;
}

/* line 156, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.instructor__tabs button.instructor__tab-button {
  font-size: 18px;
  text-transform: uppercase;
  color: #42495b;
  font-weight: 700;
  transition: color 350ms ease-in-out;
  background: none;
  padding: 10px 15px;
}

/* line 164, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.instructor__tabs button.instructor__tab-button.active {
  color: var(--dark-cyan);
}

/* line 171, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--details div.image--container img {
  margin-top: 20px;
  height: 200px;
}

/* line 176, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--details button.instructor__tab-button.classes {
  background: #09c199;
  color: #ffffff;
  padding: 10px 20px;
  font-size: 19px;
  border-radius: 16px;
}

/* line 182, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--details button.instructor__tab-button.classes:hover {
  opacity: 0.8;
}

/* line 189, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container {
  margin: 0 5px;
}

/* line 191, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container div.input-container {
  border: 1px solid;
  padding: 2px 8px;
}

/* line 195, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container input.instructor--code {
  margin: 0;
  border: none;
}

/* line 198, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container input.instructor--code:focus-within, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container input.instructor--code:focus {
  outline: none;
}

/* line 202, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container .error {
  font-size: 13px;
  color: var(--dark-red);
}

/* line 207, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container button {
  height: 27px !important;
  padding: 0 10px !important;
}

/* line 212, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container {
  display: flex;
  font-size: 16px;
}

/* line 215, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container p {
  padding-top: 5px;
}

/* line 218, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container input {
  margin: 0 15px;
}

/* line 221, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container button {
  padding: 6px 10px;
  border-radius: 2px;
  background-color: var(--primary-shade-2);
  color: #fff;
  transition: background-color 270ms ease-in-out;
}

/* line 229, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding: 5px;
}

/* line 234, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color);
  position: relative;
  box-shadow: var(--shadow-type-2);
  border-radius: 4px;
  overflow: hidden;
  overflow-y: auto;
  display: inline-block;
  max-height: 350px;
}

/* line 246, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content {
  position: relative;
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
  height: 320px;
}

/* line 248, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content p.sign-up {
  text-align: center;
  background: var(--dark-cyan);
  margin-bottom: 10px;
  padding: 5px 0;
}

/* line 253, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content p.sign-up a {
  color: #ffffff;
  font-weight: bold;
}

/* line 259, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--price span, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--code span {
  color: var(--dark-cyan);
  font-weight: bold;
}

/* line 264, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content h4.class--name {
  font-size: 17px;
}

/* line 267, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content a.profile__classs__item__edit {
  display: block;
  margin-bottom: 15px;
}

/* line 271, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.instructor--name,
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--price,
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--code,
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--capacity,
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--id,
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--details {
  font-size: 15px;
  text-align: left;
  padding: 0 20px;
}

/* line 281, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.class--details {
  margin-bottom: 10px;
}

/* line 284, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content span.ti-game {
  position: absolute;
  left: 40px;
  top: 18px;
  z-index: 1;
}

/* line 290, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content div.overlay {
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  min-height: 470px;
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

/* line 302, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content h4.overlay--message {
  top: 0;
  left: 0;
  position: absolute;
  background: transparent;
  height: 100%;
  min-height: 470px;
  width: 100%;
  color: #fff;
  z-index: 10;
  display: flex;
  align-items: center;
  user-select: none;
}

@media (max-width: 650px) {
  /* line 246, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.profile__classes__item__content {
    margin: auto;
  }
}

/* line 325, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item h2, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item h3, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item h4 {
  color: var(--accent-one-shade-4);
}

/* line 329, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item div.class__information {
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

/* line 337, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details {
  list-style: inside;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 20px;
}

/* line 342, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__schedule, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__detail, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__schedule, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__detail {
  position: relative;
  font-weight: 300;
  font-size: 16px;
}

/* line 346, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__schedule:not(:first-of-type), div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__detail:not(:first-of-type), div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__schedule:not(:first-of-type), div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__detail:not(:first-of-type) {
  margin-top: 10px;
}

/* line 349, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__schedule div, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__detail div, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__schedule div, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__detail div {
  margin-left: 22px;
  font-size: 15px;
}

/* line 353, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__schedule span.class__schedule__date, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__detail span.class__schedule__date, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__schedule span.class__schedule__date, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__detail span.class__schedule__date {
  font-weight: 900;
  font-size: 17px;
  font-weight: 600;
}

/* line 358, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__schedule span.class__schedule__date-value, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__schedules li.class__detail span.class__schedule__date-value, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__schedule span.class__schedule__date-value, div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item ul.class__details li.class__detail span.class__schedule__date-value {
  margin-left: 10px;
}

/* line 363, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item a.figure__game-link {
  position: absolute;
  transform: translateX(-50%);
  bottom: 15px;
  display: inline-block;
  padding: 10px;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 300ms ease-in-out;
  width: 145px;
}

/* line 376, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item a.figure__game-link:hover {
  background-color: #1976D2;
}

/* line 386, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.loading--container {
  position: absolute;
  margin-top: 14%;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  transition: opacity 240ms ease-in-out;
}

/* line 395, app/assets/stylesheets/classes.scss */
div.classes div.Modal:not(.LogInModal) div.loading--container div.inTurnBlurringTextG {
  color: transparent;
  font-size: 30px;
}

/* line 403, app/assets/stylesheets/classes.scss */
p.mahjong-class__overview {
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  /* line 409, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) {
    z-index: 100 !important;
  }
  /* line 412, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content {
    width: 98%;
  }
  /* line 415, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.instructor__tabs {
    display: block;
    margin: 0 0 30px;
  }
  /* line 418, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.instructor__tabs button {
    width: 100%;
  }
  /* line 423, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container {
    display: block;
  }
  /* line 425, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.code-container div.instructor--code--container {
    margin: 0 0 10px;
  }
  /* line 429, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list {
    white-space: normal;
  }
  /* line 431, app/assets/stylesheets/classes.scss */
  div.classes div.Modal:not(.LogInModal) div.content div.window--body__content div.class--instructor--container div.class--instructor--classes div.instructor--class--list div.profile__classes__item {
    width: 100%;
    margin: 0 0 40px;
  }
}
/* line 1, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect {
  background: black;
  display: inline-block;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  position: relative;
}

/* line 8, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect button.menu--button {
  display: flex;
  align-items: center;
  background-color: transparent;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* line 14, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect button.menu--button span.select--name {
  color: rgba(0, 0, 0, 0.6);
  margin-right: 20px;
  font-size: 16px;
}

/* line 19, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect button.menu--button svg.arrow--icon {
  transform: rotate(90deg);
  opacity: 0.4;
}

/* line 24, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect ul.menu--list {
  transition: transform 160ms ease-in-out;
  transform-origin: top;
  top: 15px;
  left: 0;
  border-radius: 4px;
  background-color: #fff;
  max-height: 220px;
  overflow-y: auto;
  position: absolute;
  z-index: 20;
  min-width: 250px;
  transform: scale(0);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

/* line 41, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect ul.menu--list li label {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  padding: 15px 10px;
}

/* line 42, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect ul.menu--list li label:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 51, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect ul.menu--list li label span.text {
  margin-right: 10px;
}

/* line 55, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect ul.menu--list li label input {
  margin-top: 0px;
  cursor: inherit;
}

/* line 63, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect div.select--all--button--group {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 12px;
  padding-top: 6px;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* line 69, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect div.select--all--button--group button {
  font-size: 16px;
  background-color: transparent;
  font-weight: 500;
}

/* line 73, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect div.select--all--button--group button:first-of-type {
  margin-right: 6px;
  color: var(--primary-shade-3);
}

/* line 77, app/assets/stylesheets/components/CheckboxSelect.scss */
div.CheckboxSelect div.select--all--button--group button:nth-of-type(2) {
  color: var(--complement-shade-4);
}
/* line 1, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG {
  width: 125px;
  margin: auto;
}

/* line 6, app/assets/stylesheets/components/Loading.scss */
.inTurnBlurringTextG {
  color: transparent;
  font-family: Arial;
  font-size: 24px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  float: left;
  text-shadow: black 0 0 0;
  animation-name: bounce_inTurnBlurringTextG;
  -o-animation-name: bounce_inTurnBlurringTextG;
  -ms-animation-name: bounce_inTurnBlurringTextG;
  -webkit-animation-name: bounce_inTurnBlurringTextG;
  -moz-animation-name: bounce_inTurnBlurringTextG;
  animation-duration: 2.09s;
  -o-animation-duration: 2.09s;
  -ms-animation-duration: 2.09s;
  -webkit-animation-duration: 2.09s;
  -moz-animation-duration: 2.09s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

/* line 37, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_1 {
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

/* line 44, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_2 {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

/* line 51, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_3 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

/* line 58, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_4 {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

/* line 65, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_5 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

/* line 72, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_6 {
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

/* line 79, app/assets/stylesheets/components/Loading.scss */
#inTurnBlurringTextG_7 {
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}

@keyframes bounce_inTurnBlurringTextG {
  0% {
    text-shadow: black 0 0 0;
  }
  100% {
    text-shadow: white 0 0 19px;
  }
}

@-o-keyframes bounce_inTurnBlurringTextG {
  0% {
    text-shadow: black 0 0 0;
  }
  100% {
    text-shadow: white 0 0 19px;
  }
}

@-ms-keyframes bounce_inTurnBlurringTextG {
  /* line 111, app/assets/stylesheets/components/Loading.scss */
  0% {
    text-shadow: black 0 0 0;
  }
  /* line 115, app/assets/stylesheets/components/Loading.scss */
  100% {
    text-shadow: white 0 0 19px;
  }
}

@-webkit-keyframes bounce_inTurnBlurringTextG {
  0% {
    text-shadow: black 0 0 0;
  }
  100% {
    text-shadow: white 0 0 19px;
  }
}

@-moz-keyframes bounce_inTurnBlurringTextG {
  0% {
    text-shadow: black 0 0 0;
  }
  100% {
    text-shadow: white 0 0 19px;
  }
}
/* line 1, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput {
  position: relative;
  font-size: 16px;
  display: block;
}

/* line 5, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput span.placeholder {
  position: absolute;
  transition: transform 200ms ease-in-out;
  transform-origin: left;
}

/* line 10, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput input {
  border: none;
  outline: none;
  width: 100%;
  color: #000000;
}

/* line 16, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput div.border {
  background: #1E88E5;
  height: 1px;
  transition: transform 200ms ease-in-out;
  transform: scaleX(0);
  position: relative;
  top: 1px;
}

/* line 24, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput span.error {
  color: var(--dark-red);
  position: absolute;
  bottom: -22px;
  font-size: 13px;
  font-style: italic;
  left: 0;
}

/* line 34, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput:focus-within div.border {
  transform: scale(1);
}

/* line 38, app/assets/stylesheets/components/MaterialInput.scss */
label.MaterialInput::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 1, app/assets/stylesheets/components/Modal.scss */
div.Modal {
  z-index: 10;
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  transition: opacity 280ms ease-in-out;
  opacity: 0;
  display: none;
}

/* line 2, app/assets/stylesheets/components/Modal.scss */
div.Modal div {
  color: var(--text-color);
}

/* line 14, app/assets/stylesheets/components/Modal.scss */
div.Modal div.window--background {
  position: fixed;
  background-color: black;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: -1;
}

/* line 23, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content {
  background-color: #fff;
  max-width: 500px;
  margin: auto;
  transform: translateY(30px);
  border-radius: 4px;
  transition: transform 300ms ease-in-out, opacity 260ms ease-in-out;
}

@media (max-width: 600px) {
  /* line 23, app/assets/stylesheets/components/Modal.scss */
  div.Modal div.content {
    width: 92%;
  }
}

/* line 34, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.9);
}

/* line 41, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content button.close--button {
  background-color: transparent;
}

/* line 45, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  min-height: 245px;
}

/* line 50, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content {
  position: relative;
}

/* line 52, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content label.input--block {
  display: block;
  margin: 20px 0;
}

/* line 55, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content label.input--block div {
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.9);
}

/* line 59, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content label.input--block input {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

/* line 65, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content label.input--block div.email--error, div.Modal div.content div.window--body div.window--body__content label.input--block div.name--error {
  color: var(--dark-red);
  font-size: 12px;
  visibility: hidden;
}

/* line 72, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content div.button--group {
  text-align: right;
  font-weight: 300;
}

/* line 75, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content div.button--group button {
  padding: 6px 10px;
  border-radius: 2px;
  background-color: var(--primary-shade-2);
  color: #fff;
  transition: background-color 270ms ease-in-out;
}

/* line 82, app/assets/stylesheets/components/Modal.scss */
div.Modal div.content div.window--body div.window--body__content div.button--group button.transparent--close:focus {
  background-color: var(--primary-shade-3);
}
/* line 1, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow {
  z-index: 10;
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  transition: opacity 280ms ease-in-out;
  opacity: 0;
  display: none;
}

/* line 2, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div {
  color: var(--text-color);
}

/* line 14, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.window--background {
  position: fixed;
  background-color: black;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: -1;
}

/* line 23, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content {
  background-color: #fff;
  max-width: 500px;
  margin: auto;
  transform: translateY(30%);
  border-radius: 4px;
  transition: transform 300ms ease-in-out, opacity 260ms ease-in-out;
}

@media (max-width: 600px) {
  /* line 23, app/assets/stylesheets/components/MoreInformationWindow.scss */
  div.MoreInformationWindow div.content {
    width: 92%;
  }
}

/* line 34, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.9);
}

/* line 41, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content button.close--button {
  background-color: transparent;
}

/* line 45, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}

/* line 48, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body label.input--block {
  display: block;
  margin: 20px 0;
}

/* line 51, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body label.input--block div {
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.9);
}

/* line 55, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body label.input--block input {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

/* line 61, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body label.input--block div.email--error, div.MoreInformationWindow div.content div.window--body label.input--block div.name--error {
  color: var(--dark-red);
  font-size: 12px;
  visibility: hidden;
}

/* line 68, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body div.button--group {
  text-align: right;
  font-weight: 300;
}

/* line 71, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body div.button--group button {
  padding: 6px 10px;
  border-radius: 2px;
}

/* line 75, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body div.button--group button.send--button {
  background-color: var(--primary-shade-2);
  color: #fff;
  transition: background-color 270ms ease-in-out;
}

/* line 79, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body div.button--group button.send--button span.ti-location-arrow {
  transform: rotate(90deg);
}

/* line 82, app/assets/stylesheets/components/MoreInformationWindow.scss */
div.MoreInformationWindow div.content div.window--body div.button--group button.send--button:focus {
  background-color: var(--primary-shade-3);
}
/* line 2, app/assets/stylesheets/elements/checkbox-block.scss */
form div.checkbox--block {
  display: flex;
  align-items: center;
}

/* line 5, app/assets/stylesheets/elements/checkbox-block.scss */
form div.checkbox--block label {
  margin-right: 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  color: var(--dark-red);
}

/* line 13, app/assets/stylesheets/elements/checkbox-block.scss */
form div.checkbox--block input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
/* line 2, app/assets/stylesheets/elements/file-input.scss */
form label.file--input {
  margin-bottom: 20px;
  display: block;
}

/* line 5, app/assets/stylesheets/elements/file-input.scss */
form label.file--input span.text {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding: 12px 14px;
  outline: none;
  cursor: pointer;
  border-radius: 4px;
  background-color: var(--accent-one-shade-4);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file svg {
  margin-right: 8px;
}

/* line 29, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file span.upload--text {
  color: #fff;
}

/* line 32, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file span.upload--text strong {
  display: inline-block;
  font-weight: 900;
  font-size: 20px;
}

/* line 37, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file span.upload--text span {
  position: relative;
  left: -4px;
  font-size: 20px;
}

/* line 43, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.file input[type=file] {
  position: absolute;
  left: -300px;
  outline: none;
}

/* line 51, app/assets/stylesheets/elements/file-input.scss */
form label.file--input div.selected--file--data span:first-of-type {
  font-weight: 700;
}
/* line 2, app/assets/stylesheets/elements/form-block.scss */
form div.form--block {
  margin-bottom: 20px;
}

/* line 4, app/assets/stylesheets/elements/form-block.scss */
form div.form--block label {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
}

/* line 11, app/assets/stylesheets/elements/form-block.scss */
form div.form--block input {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding: 12px 14px;
  border: none;
  outline: none;
  border-radius: 4px;
}
/* line 1, app/assets/stylesheets/elements/outline-button.scss */
button.outline--button {
  width: 150px;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
  border: 1px solid var(--accent-two-shade-3);
  background-color: transparent;
  padding: 8px 12px;
  color: var(--accent-two-shade-3);
  font-weight: 600;
  transition: background-color 180ms ease-in-out;
}

/* line 12, app/assets/stylesheets/elements/outline-button.scss */
button.outline--button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* line 3, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal__content__payments-container h2 {
  color: var(--dark-text);
}

/* line 8, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.discount--voucher {
  text-align: center;
  padding: 10px 0;
}

/* line 11, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.discount--voucher button {
  color: var(--primary-shade-3);
  transition: color 280ms ease-in-out;
  background-color: transparent;
}

/* line 12, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.discount--voucher button i {
  margin-right: 5px;
}

/* line 18, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.discount--voucher button:hover {
  color: var(--primary-shade-4);
}

/* line 24, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal--discount--voucher {
  display: none;
}

/* line 26, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal--discount--voucher div.block {
  color: rgba(0, 0, 0, 0.9);
  display: flex;
}

/* line 29, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal--discount--voucher div.block div.key {
  font-weight: 600;
  flex: 0 1 170px;
}

/* line 33, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal--discount--voucher div.block div.value {
  font-weight: 300;
}

/* line 35, app/assets/stylesheets/elements/payment-modal.scss */
div.payment--modal div.modal--discount--voucher div.block div.value.discounted--price {
  font-weight: 600;
}
/* line 2, app/assets/stylesheets/game-sessions/game.scss */
div.game--page {
  padding: 10px;
}

/* line 8, app/assets/stylesheets/game-sessions/game.scss */
div.game--page div.game--header {
  margin: 20px 0;
}

/* line 12, app/assets/stylesheets/game-sessions/game.scss */
div.game--page h2.game--tile {
  text-align: center;
  color: var(--text-color);
  line-height: 1;
  font-size: 20px;
  margin: 30px 0;
}

/* line 20, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface {
  display: grid;
  grid-template-columns: calc(100% - 10px - 100px) 1fr;
  grid-gap: 10px;
}

/* line 28, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 32, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid {
  display: grid;
  grid-template-rows: repeat(4, 100px);
  align-content: start;
  justify-content: start;
  grid-gap: 5px;
}

/* line 38, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container {
  position: relative;
  height: 100px;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container video {
  height: 100px;
}

/* line 46, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container:hover div.remote--group {
  bottom: 10px;
}

/* line 50, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container div.remote--group {
  display: grid;
  grid-template-columns: 30px 30px;
  gap: 5px;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 100%;
  transform: translateX(-50%);
  transition: bottom 180ms ease-in-out;
  z-index: 5;
}

/* line 63, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container div.remote--group button {
  background-color: transparent;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

/* line 69, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container div.remote--group button i {
  color: #fff;
}

/* line 73, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container div.remote--group button[data-mic-active="false"] i {
  color: #EF9A9A;
}

/* line 79, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container i.inactive--indicator {
  visibility: hidden;
  position: absolute;
  color: #F44336;
  top: 6px;
  left: 6px;
  font-size: 15px;
}

/* line 86, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container i.inactive--indicator:nth-of-type(2) {
  left: 32px;
}

/* line 91, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container[data-mic-active="false"] i.microphone {
  visibility: visible;
}

/* line 96, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container[data-video-active="false"] i.video {
  visibility: visible;
}

/* line 100, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div#video-grid div.video--container video {
  width: 100%;
}

/* line 105, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div.button--container {
  text-align: center;
}

/* line 108, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div.button--container button {
  text-align: center;
  font-size: 24px;
  border: none;
  cursor: pointer;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  background-color: #424242;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 121, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div.button--container button:first-of-type {
  margin-right: 7px;
}

/* line 125, app/assets/stylesheets/game-sessions/game.scss */
div.game--page section.game--interface div.video--section div.button--container button i {
  font-size: 18px;
}

/* line 133, app/assets/stylesheets/game-sessions/game.scss */
div.game--page div.player--cards--container {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 140, app/assets/stylesheets/game-sessions/game.scss */
div.game--page div.player--card {
  flex: 0 1 23%;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 995px) {
  /* line 140, app/assets/stylesheets/game-sessions/game.scss */
  div.game--page div.player--card {
    flex: 0 1 49%;
  }
}

@media (max-width: 450px) {
  /* line 140, app/assets/stylesheets/game-sessions/game.scss */
  div.game--page div.player--card {
    flex: 0 1 100%;
  }
}

/* line 157, app/assets/stylesheets/game-sessions/game.scss */
div.game--page div.player--card-image-container {
  height: 100px;
  width: 100px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

/* line 165, app/assets/stylesheets/game-sessions/game.scss */
div.game--page img.player--card-image {
  width: 100%;
}

/* line 169, app/assets/stylesheets/game-sessions/game.scss */
div.game--page div.player--wind {
  text-transform: capitalize;
  color: #00d99a;
}
/* line 2, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content {
  padding: 10px;
}

/* line 4, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content label.modal__content__label {
  cursor: pointer;
  font-family: Mulish, sans-serif, arial;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 8, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content label.modal__content__label:not(:first-of-type) {
  margin-top: 10px;
}

/* line 19, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content label.modal__content__label span:first-of-type {
  color: var(--accent-one-shade-4);
  font-weight: 700;
}

/* line 24, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content label.modal__content__label div.dark--text {
  color: rgba(0, 0, 0, 0.6);
}

/* line 28, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content label.modal__content__label div.class--price {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
}

/* line 33, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content div.selection--error {
  text-align: center;
  margin-top: 10px;
  color: var(--dark-red);
  font-style: italic;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new div.window--body__content button.submit--button {
  display: block;
  background-color: var(--primary-shade-3);
  padding: 8px 10px;
  margin: 5px auto 0 auto;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 50, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form {
  max-width: 500px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: Mulish, sans-serif, arial;
  color: #3f4254;
}

/* line 57, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.heading {
  font-size: 20px;
  color: #FF7043;
  font-weight: 800;
  margin-bottom: 40px;
}

/* line 64, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.error--container {
  text-align: center;
  background: #d32f2f;
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  border-radius: 4px;
}

/* line 73, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block {
  margin-top: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 73, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
  div.gift--certificate--redemptions.new form div.input--block {
    flex-wrap: wrap;
  }
}

/* line 82, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block label {
  flex: 0 1 110px;
}

@media (max-width: 767px) {
  /* line 82, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
  div.gift--certificate--redemptions.new form div.input--block label {
    flex: 0 1 100%;
  }
}

/* line 88, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block input {
  padding: 8px 10px;
  border: none;
  background-color: #E0E0E0;
  border-radius: 4px;
  flex: 1 1 auto;
}

/* line 96, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block div.input--group {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  background-color: #E0E0E0;
  padding: 8px 10px;
  border-radius: 4px;
  border: 2px solid transparent;
}

/* line 104, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block div.input--group:focus-within {
  border-color: #0D47A1;
}

/* line 107, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block div.input--group i {
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.4);
}

/* line 111, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block div.input--group input {
  outline: none;
  padding: 0px;
}

/* line 116, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block div.input--group select {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
}

/* line 123, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form div.input--block span.error {
  position: absolute;
  color: var(--dark-red);
  bottom: -20px;
  left: 110px;
  font-size: 12px;
  font-style: italic;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
  div.gift--certificate--redemptions.new form div.input--block span.error {
    left: 0;
  }
}

/* line 136, app/assets/stylesheets/gift-certificate-redemptions/new.scss */
div.gift--certificate--redemptions.new form button {
  display: block;
  margin: 40px auto 20px auto;
  background-color: var(--accent-one-shade-4);
  padding: 8px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
}
/* line 3, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
}

/* line 8, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 13, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item {
  max-width: 270px;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

@media (max-width: 768px) {
  /* line 13, app/assets/stylesheets/gift-certificates/index.scss */
  div.gift--certificates.index div.container--element div.classes--container a.item {
    max-width: 100%;
    flex: 0 1 48%;
  }
}

@media (max-width: 500px) {
  /* line 13, app/assets/stylesheets/gift-certificates/index.scss */
  div.gift--certificates.index div.container--element div.classes--container a.item {
    flex: 0 1 100%;
  }
}

/* line 25, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item:hover {
  transform: scale(1.04);
}

/* line 28, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--picture {
  width: 100%;
  position: relative;
}

@media (max-width: 270px) {
  /* line 28, app/assets/stylesheets/gift-certificates/index.scss */
  div.gift--certificates.index div.container--element div.classes--container a.item div.class--picture {
    width: 100%;
    max-width: 300px;
  }
}

/* line 36, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--picture img {
  width: 100%;
  height: auto;
}

/* line 41, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--picture div.best--seller--tag {
  position: absolute;
  bottom: -8px;
  left: 20px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 4px;
  width: 100px;
  height: 28px;
}

/* line 59, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 65, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.name {
  min-height: 60px;
}

/* line 68, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.summary {
  color: #868686;
  font-size: 14px;
  min-height: 70px;
}

/* line 74, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.bottom--information {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 79, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 83, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 88, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item div.class--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 95, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card {
  height: 200px;
  width: 400px;
  max-width: none;
  position: relative;
}

/* line 100, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card .class--picture {
  position: absolute;
  height: 100%;
  width: 100%;
}

/* line 104, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card .class--picture img {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 110, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card .class--details {
  position: relative;
  text-align: center;
  margin: 80px 0 0;
}

/* line 114, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card .class--details div.name {
  min-height: fit-content;
}

/* line 117, app/assets/stylesheets/gift-certificates/index.scss */
div.gift--certificates.index div.container--element div.classes--container a.item.gift-card .class--details div.bottom--information {
  display: initial;
}

/* line 128, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card {
  position: relative;
  margin: 0 20px 30px;
  height: 200px;
  width: 400px;
  max-width: none;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

/* line 136, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card .class--picture {
  position: absolute;
  height: 100%;
  width: 100%;
}

/* line 140, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card .class--picture img {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 146, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card div.class--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
  position: relative;
  text-align: center;
  padding: 80px 0 0;
}

/* line 155, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card div.class--details div.name {
  min-height: fit-content;
}

/* line 159, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card div.class--details div.bottom--information {
  font-size: 14px;
  display: initial;
  justify-content: space-between;
}

/* line 163, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container .gift-card div.class--details div.bottom--information div.price {
  color: var(--dark-cyan);
  font-size: 18px;
  font-weight: 400;
}

/* line 171, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input {
  width: 100%;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
  padding: 14px 12px;
  font-size: 14px;
  height: auto;
  line-height: 1;
  -webkit-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  color: var(--dark-grey);
  font-size: 16px;
}

/* line 187, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input.error {
  border-color: red;
}

/* line 192, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
  box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
}

/* line 198, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 205, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input::-moz-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 212, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input:-ms-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 219, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift-card-container input::placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 226, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .paypal--container {
  max-height: 200px;
  overflow: auto;
}

/* line 231, app/assets/stylesheets/gift-certificates/index.scss */
div.Modal .gift--card--message .code {
  color: var(--dark-cyan);
  font-size: 20px;
  margin-top: 15px;
}
/* line 3, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 950px) {
  /* line 3, app/assets/stylesheets/gift-certificates/new.scss */
  div.gift--certificates.new div.container--element {
    flex-wrap: wrap;
  }
}

/* line 13, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.user--details {
  flex: 0 1 50%;
}

@media (max-width: 950px) {
  /* line 13, app/assets/stylesheets/gift-certificates/new.scss */
  div.gift--certificates.new div.container--element div.user--details {
    flex: 0 1 100%;
  }
}

@media (max-width: 950px) {
  /* line 20, app/assets/stylesheets/gift-certificates/new.scss */
  div.gift--certificates.new div.container--element div.checkout {
    width: 100%;
  }
}

/* line 26, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details {
  background-color: #fff;
  position: fixed;
  right: 172px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (max-width: 950px) {
  /* line 26, app/assets/stylesheets/gift-certificates/new.scss */
  div.gift--certificates.new div.container--element div.checkout--details {
    position: relative;
    right: 0px;
    margin-top: 20px;
    width: 100%;
  }
}

/* line 39, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details > div {
  padding: 10px 20px;
}

/* line 42, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details div.heading {
  color: #e74c3c;
  font-weight: 600;
  font-size: 20px;
  background-color: #f4f4f4;
}

/* line 49, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details div.class--details,
div.gift--certificates.new div.container--element div.checkout--details div.amount--due {
  padding: 20px;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: space-between;
}

/* line 56, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details div.border {
  padding: 0px;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-style: dashed;
}

/* line 62, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.checkout--details div.amount--due {
  color: var(--accent-one-shade-3);
  font-weight: 600;
  font-size: 20px;
}

/* line 69, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.header {
  color: #e74c3c;
  font-size: 20px;
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.input--block {
  margin-top: 20px;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
}

/* line 81, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.input--block label {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}

/* line 86, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.input--block input {
  margin-top: 5px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 9px;
  border-radius: 4px;
}

/* line 93, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element div.input--block textarea {
  width: 100%;
  padding: 9px;
}

/* line 99, app/assets/stylesheets/gift-certificates/new.scss */
div.gift--certificates.new div.container--element button.checkout--button {
  padding: 10px;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  border: none;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: 110px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-top: 20px;
}

@media (max-width: 950px) {
  /* line 99, app/assets/stylesheets/gift-certificates/new.scss */
  div.gift--certificates.new div.container--element button.checkout--button {
    display: block;
    margin: 20px auto 0 auto;
  }
}
/* line 2, app/assets/stylesheets/gift-certificates/purchase_sucessful.scss */
div.gift--certificates.purchase--successful div.container--element {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 11, app/assets/stylesheets/gift-certificates/purchase_sucessful.scss */
div.gift--certificates.purchase--successful div.container--element div.shield--image--container {
  width: 200px;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/gift-certificates/purchase_sucessful.scss */
div.gift--certificates.purchase--successful div.container--element div.shield--image--container img {
  width: 100%;
  height: auto;
}

/* line 19, app/assets/stylesheets/gift-certificates/purchase_sucessful.scss */
div.gift--certificates.purchase--successful div.container--element div.thanks {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
}

/* line 25, app/assets/stylesheets/gift-certificates/purchase_sucessful.scss */
div.gift--certificates.purchase--successful div.container--element p {
  font-size: 14px;
  color: var(--dark-text);
}
/* line 2, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

/* line 7, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 12, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item, div.items.index div.container--element div.classes--container a.affiliate {
  width: 400px;
  margin: 20px 10px 10px 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
  transition: transform 280ms ease-in-out;
}

@media (max-width: 768px) {
  /* line 12, app/assets/stylesheets/items/index.scss */
  div.items.index div.container--element div.classes--container a.item, div.items.index div.container--element div.classes--container a.affiliate {
    max-width: 100%;
    flex: 0 1 48%;
  }
}

@media (max-width: 500px) {
  /* line 12, app/assets/stylesheets/items/index.scss */
  div.items.index div.container--element div.classes--container a.item, div.items.index div.container--element div.classes--container a.affiliate {
    flex: 0 1 100%;
  }
}

/* line 24, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item:hover, div.items.index div.container--element div.classes--container a.affiliate:hover {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 27, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.class--picture, div.items.index div.container--element div.classes--container a.affiliate div.class--picture {
  width: 100%;
  position: relative;
  height: 300px;
  overflow: hidden;
  overflow-x: auto;
  text-align: center;
}

@media (max-width: 470px) {
  /* line 27, app/assets/stylesheets/items/index.scss */
  div.items.index div.container--element div.classes--container a.item div.class--picture, div.items.index div.container--element div.classes--container a.affiliate div.class--picture {
    width: 100%;
  }
}

/* line 38, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.class--picture img, div.items.index div.container--element div.classes--container a.affiliate div.class--picture img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 46, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--images, div.items.index div.container--element div.classes--container a.affiliate div.item--images {
  white-space: nowrap;
  transition: transform 0.4s ease-in-out;
}

/* line 50, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details, div.items.index div.container--element div.classes--container a.item div.affiliate--details, div.items.index div.container--element div.classes--container a.affiliate div.item--details, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #42495b;
}

/* line 56, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details strong, div.items.index div.container--element div.classes--container a.item div.item--details b, div.items.index div.container--element div.classes--container a.item div.affiliate--details strong, div.items.index div.container--element div.classes--container a.item div.affiliate--details b, div.items.index div.container--element div.classes--container a.affiliate div.item--details strong, div.items.index div.container--element div.classes--container a.affiliate div.item--details b, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details strong, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details b {
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details em, div.items.index div.container--element div.classes--container a.item div.affiliate--details em, div.items.index div.container--element div.classes--container a.affiliate div.item--details em, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details em {
  font-style: italic;
}

/* line 64, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.name, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.name, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.name, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.name {
  min-height: 40px;
}

/* line 67, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.description, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.description, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.description, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.description {
  color: #000000;
  font-size: 14px;
  min-height: 40px;
  max-height: 200px;
  overflow: auto;
}

/* line 76, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.variant--information, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.variant--information, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information {
  font-size: 14px;
}

/* line 79, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.variant--information ol.variants--list li, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.variant--information ol.variants--list li, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information ol.variants--list li, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information ol.variants--list li {
  font-size: 15px;
  font-weight: 300;
}

/* line 80, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.variant--information ol.variants--list li:first-of-type, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.variant--information ol.variants--list li:first-of-type, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.variant--information ol.variants--list li:first-of-type, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.variant--information ol.variants--list li:first-of-type {
  margin-top: 8px;
}

/* line 89, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.bottom--information, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/* line 94, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.enrollments, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.bottom--information div.enrollments, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.enrollments, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.enrollments {
  display: flex;
  align-items: center;
  color: #959595;
}

/* line 98, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.enrollments i.icon, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.bottom--information div.enrollments i.icon, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.enrollments i.icon, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.enrollments i.icon {
  font-size: 14px;
  margin-right: 6px;
}

/* line 103, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.price, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.bottom--information div.price, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.price, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.price {
  margin-top: 6px;
  font-size: 14px;
}

/* line 106, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.classes--container a.item div.item--details div.bottom--information div.price span.amount, div.items.index div.container--element div.classes--container a.item div.affiliate--details div.bottom--information div.price span.amount, div.items.index div.container--element div.classes--container a.affiliate div.item--details div.bottom--information div.price span.amount, div.items.index div.container--element div.classes--container a.affiliate div.affiliate--details div.bottom--information div.price span.amount {
  color: var(--dark-cyan);
  font-weight: 400;
}

/* line 115, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.affiliates {
  margin-top: 10px;
}

/* line 117, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.affiliates h2 {
  width: 100%;
}

/* line 121, app/assets/stylesheets/items/index.scss */
div.items.index div.container--element div.affiliates a.affiliate p.link {
  color: blue;
  text-decoration: underline;
}
/* line 2, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* line 6, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details {
  display: flex;
  justify-content: space-between;
}

/* line 9, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.image {
  flex: 0 1 45%;
  max-height: 500px;
  overflow: hidden;
}

/* line 13, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.image img {
  width: 100%;
}

/* line 17, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details {
  font-family: 'Mulish', arial, sans-serif;
  flex: 0 1 45%;
  display: flex;
  flex-direction: column;
}

/* line 22, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.name {
  color: var(--dark-text);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}

/* line 28, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.price {
  font-size: 20px;
  color: var(--accent-one-shade-4);
}

/* line 32, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.description {
  font-size: 16px;
  color: var(--text-color);
}

/* line 36, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.variant {
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
}

/* line 40, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.variant select {
  padding: 4px 6px;
  min-width: 120px;
  text-align: center;
  border-radius: 4px;
}

/* line 47, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.quantity {
  color: var(--dark-text);
  flex: 0 1 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

/* line 53, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.quantity div.controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}

/* line 58, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.quantity div.controls div.selectors input.number {
  display: inline-block;
  margin: 0 5px;
  width: 30px;
  text-align: center;
  border: none;
  outline: none;
  user-select: none;
}

/* line 67, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.quantity div.controls div.selectors button {
  background-color: transparent;
}

/* line 72, app/assets/stylesheets/items/show.scss */
div.items.show div.container--element div.item--details div.details div.quantity button.add--to--cart {
  background-color: var(--primary-shade-3);
  color: #fff;
  padding: 8px 10px;
  border-radius: 4px;
}
@keyframes position_relative {
  0% {
    background-color: #fff;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    top: 0;
    padding-top: 10px;
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

@keyframes position_fixed {
  0% {
    opacity: 0;
    background-color: transparent;
    transform: scaleY(1.3) perspective(1px) translateZ(0);
  }
  25% {
    opacity: 0;
  }
  100% {
    z-index: 3;
    opacity: 1;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    transform: scaleY(1) perspective(1px) translateZ(0);
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 1, app/assets/stylesheets/library.scss */
input.flatpickr-hour, input.flatpickr-minute {
  font-family: 'Nunito Sans', sans-serif, arial;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* line 1, app/assets/stylesheets/margin.scss */
.margin-0 {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 8, app/assets/stylesheets/margin.scss */
.margin-5 {
  margin: 5px;
}

/* line 12, app/assets/stylesheets/margin.scss */
.margin-10 {
  margin: 10px;
}

/* line 16, app/assets/stylesheets/margin.scss */
.margin-20 {
  margin: 20px;
}

/* line 20, app/assets/stylesheets/margin.scss */
.margin-30 {
  margin: 30px;
}

/* line 24, app/assets/stylesheets/margin.scss */
.margin-40 {
  margin: 40px;
}

/* line 28, app/assets/stylesheets/margin.scss */
.margin-left-right-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 33, app/assets/stylesheets/margin.scss */
.margin-left-right-20 {
  margin-left: 20px;
  margin-right: 20px;
}

/* line 39, app/assets/stylesheets/margin.scss */
.margin-left-right-30 {
  margin-left: 30px;
  margin-right: 30px;
}

/* line 44, app/assets/stylesheets/margin.scss */
.margin-left-right-40 {
  margin-left: 40px;
  margin-right: 40px;
}

/* line 50, app/assets/stylesheets/margin.scss */
.margin-left-right-60 {
  margin-left: 60px;
  margin-right: 60px;
}

/* line 55, app/assets/stylesheets/margin.scss */
.margin-top-bottom-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 60, app/assets/stylesheets/margin.scss */
.margin-top-bottom-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 65, app/assets/stylesheets/margin.scss */
.margin-top-bottom-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 70, app/assets/stylesheets/margin.scss */
.margin-top-bottom-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* line 75, app/assets/stylesheets/margin.scss */
.margin-top-bottom-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 80, app/assets/stylesheets/margin.scss */
.margin-bottom-5 {
  margin-bottom: 5px;
}

/* line 84, app/assets/stylesheets/margin.scss */
.margin-bottom-10 {
  margin-bottom: 10px;
}

/* line 88, app/assets/stylesheets/margin.scss */
.margin-bottom-15 {
  margin-bottom: 15px;
}

/* line 92, app/assets/stylesheets/margin.scss */
.margin-bottom-20 {
  margin-bottom: 20px;
}

/* line 96, app/assets/stylesheets/margin.scss */
.margin-bottom-30 {
  margin-bottom: 30px;
}

/* line 100, app/assets/stylesheets/margin.scss */
.margin-bottom-40 {
  margin-bottom: 40px;
}

/* line 104, app/assets/stylesheets/margin.scss */
.margin-right-0 {
  margin-right: 0;
}

/* line 108, app/assets/stylesheets/margin.scss */
.margin-right-5 {
  margin-right: 5px;
}

/* line 112, app/assets/stylesheets/margin.scss */
.margin-right-6 {
  margin-right: 6px;
}

/* line 116, app/assets/stylesheets/margin.scss */
.margin-right-7 {
  margin-right: 7px;
}

/* line 120, app/assets/stylesheets/margin.scss */
.margin-right-10 {
  margin-right: 10px;
}

/* line 124, app/assets/stylesheets/margin.scss */
.margin-right-15 {
  margin-right: 15px;
}

/* line 128, app/assets/stylesheets/margin.scss */
.margin-right-20 {
  margin-right: 20px;
}

/* line 132, app/assets/stylesheets/margin.scss */
.margin-right-30 {
  margin-right: 30px;
}

/* line 136, app/assets/stylesheets/margin.scss */
.margin-right-40 {
  margin-right: 40px;
}

/* line 140, app/assets/stylesheets/margin.scss */
.margin-left-10 {
  margin-left: 10px;
}

/* line 144, app/assets/stylesheets/margin.scss */
.margin-left-20 {
  margin-left: 20px;
}

/* line 148, app/assets/stylesheets/margin.scss */
.margin-left-25 {
  margin-left: 25px;
}

/* line 152, app/assets/stylesheets/margin.scss */
.margin-top-5 {
  margin-top: 5px;
}

/* line 156, app/assets/stylesheets/margin.scss */
.margin-top-10 {
  margin-top: 10px;
}

/* line 160, app/assets/stylesheets/margin.scss */
.margin-top-20 {
  margin-top: 20px;
}

/* line 164, app/assets/stylesheets/margin.scss */
.margin-top-30 {
  margin-top: 30px;
}

/* line 168, app/assets/stylesheets/margin.scss */
.margin-top-40 {
  margin-top: 40px;
}

/* line 172, app/assets/stylesheets/margin.scss */
.margin-top-50 {
  margin-top: 50px;
}

/* line 176, app/assets/stylesheets/margin.scss */
.margin-top-60 {
  margin-top: 60px;
}

/* line 180, app/assets/stylesheets/margin.scss */
.margin-top-70 {
  margin-top: 70px;
}

/* line 184, app/assets/stylesheets/margin.scss */
.margin-top-80 {
  margin-top: 80px;
}
/* line 1, app/assets/stylesheets/padding.scss */
.padding-10 {
  padding: 10px;
}

/* line 5, app/assets/stylesheets/padding.scss */
.padding-15 {
  padding: 15px;
}

/* line 9, app/assets/stylesheets/padding.scss */
.padding-20 {
  padding: 20px;
}

/* line 13, app/assets/stylesheets/padding.scss */
.padding-30 {
  padding: 30px;
}

/* line 17, app/assets/stylesheets/padding.scss */
.padding-40 {
  padding: 40px;
}

/* line 21, app/assets/stylesheets/padding.scss */
.padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 26, app/assets/stylesheets/padding.scss */
.padding-left-right-15 {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 31, app/assets/stylesheets/padding.scss */
.padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 36, app/assets/stylesheets/padding.scss */
.padding-left-right-30 {
  padding-left: 30px;
  padding-right: 30px;
}

/* line 41, app/assets/stylesheets/padding.scss */
.padding-left-right-40 {
  padding-left: 40px;
  padding-right: 40px;
}

/* line 46, app/assets/stylesheets/padding.scss */
.padding-right-10 {
  padding-right: 10px;
}

/* line 50, app/assets/stylesheets/padding.scss */
.padding-right-20 {
  padding-right: 20px;
}

/* line 54, app/assets/stylesheets/padding.scss */
.padding-top-80 {
  padding-top: 80px;
}

/* line 58, app/assets/stylesheets/padding.scss */
.padding-bottom-20 {
  padding-bottom: 20px;
}

/* line 62, app/assets/stylesheets/padding.scss */
.padding-top-bottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 67, app/assets/stylesheets/padding.scss */
.padding-top-bottom-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 72, app/assets/stylesheets/padding.scss */
.padding-top-bottom-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 77, app/assets/stylesheets/padding.scss */
.padding-top-bottom-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 82, app/assets/stylesheets/padding.scss */
.padding-top-bottom-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 2, app/assets/stylesheets/pages/about.scss */
div.about h2.main-header {
  text-align: center;
  padding-top: 20px;
}

/* line 8, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__main-section p {
  padding: 10px 40px;
}

@media (max-width: 450px) {
  /* line 8, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.about__main-section p {
    padding: 20px 15px;
    line-height: 30px;
  }
}

/* line 16, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__disclaimer p, div.about section.container-element p {
  padding: 10px;
  text-align: justify;
  border-radius: 4px;
  background-color: #fff;
}

/* line 21, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__disclaimer p.item-paragraph, div.about section.container-element p.item-paragraph {
  box-shadow: none;
  padding: 10px 20px;
}

@media (max-width: 450px) {
  /* line 21, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.about__disclaimer p.item-paragraph, div.about section.container-element p.item-paragraph {
    padding: 10px 0;
    line-height: 30px;
    text-align: left;
  }
}

/* line 31, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__disclaimer ol, div.about section.container-element div.about__disclaimer ul {
  padding: inherit;
  margin: 20px 0 40px 30px;
  list-style: inherit;
}

/* line 36, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__disclaimer ol li, div.about section.container-element div.about__disclaimer ul li {
  margin-bottom: 5px;
}

/* line 39, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.outer-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
}

@media (max-width: 450px) {
  /* line 39, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.outer-container {
    padding: 20px 15px;
  }
}

/* line 47, app/assets/stylesheets/pages/about.scss */
div.about section.container-element h4 {
  box-shadow: var(--shadow-type-1);
  padding: 20px;
  font-weight: 600;
  background-color: var(--light-background);
}

/* line 54, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__requirements ul {
  position: relative;
}

/* line 56, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__requirements ul li {
  display: flex;
  align-items: flex-start;
  padding: 10px 20px;
  min-height: 54px;
}

@media (max-width: 450px) {
  /* line 56, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.about__requirements ul li {
    padding: 20px 10px;
  }
}

/* line 66, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__requirements ul li span:first-of-type {
  background-color: var(--text-color);
  min-width: 7px;
  min-height: 7px;
  border-radius: 50%;
  margin-right: 10px;
  top: 4px;
  position: relative;
}

@media (max-width: 450px) {
  /* line 66, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.about__requirements ul li span:first-of-type {
    top: 8px;
  }
}

/* line 78, app/assets/stylesheets/pages/about.scss */
div.about section.container-element div.about__requirements ul li span:nth-of-type(2) {
  text-align: justify;
  line-height: 17px;
  justify-content: left;
}

@media (max-width: 450px) {
  /* line 78, app/assets/stylesheets/pages/about.scss */
  div.about section.container-element div.about__requirements ul li span:nth-of-type(2) {
    line-height: 25px;
    text-align: left;
  }
}
/* line 2, app/assets/stylesheets/pages/error.scss */
div.error div.error-image__container {
  text-align: center;
}

/* line 4, app/assets/stylesheets/pages/error.scss */
div.error div.error-image__container img {
  max-width: 1200px;
  width: 100%;
  height: auto;
}
/* line 2, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .page-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* line 7, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .search-box {
  margin: 20px 0;
}

/* line 9, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .search-box .search-input, .instructors .search-box .search-btn {
  float: right;
}

/* line 12, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .search-box .search-input {
  width: 230px;
}

/* line 15, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .search-box .search-btn {
  margin: 0 0 0 6px;
  padding: 2px 5px;
  color: #ffffff;
  background-color: #337ab7;
}

/* line 22, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .alpha-nav {
  margin: 20px 0;
}

/* line 24, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .alpha-nav a {
  margin-right: 5px;
  text-decoration: none;
  color: #868686;
}

/* line 28, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .alpha-nav a.active {
  font-weight: bold;
  color: #337ab7;
}

/* line 34, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructors-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* line 39, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-card {
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 400px;
  padding: 10px;
  display: flex;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0, rgba(255, 255, 255, 0.25) 80%, rgba(255, 255, 255, 0.3) 100%);
  box-shadow: 0 3px 4px 2px rgba(100, 100, 100, 0.4);
}

/* line 48, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-photo img {
  width: 100px;
  border-radius: 4px;
}

/* line 52, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-info {
  margin: 0 0 0 10px;
}

/* line 54, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-info h3, .instructors .instructor-info h5 {
  margin-top: 8px;
  margin-bottom: 6px;
  font-weight: bolder;
}

/* line 59, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-info b {
  font-weight: bolder;
}

/* line 63, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .bgbtn {
  background: inherit;
  border: 0;
}

/* line 66, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors form.myform {
  width: 70%;
  margin: 20px auto;
}

/* line 69, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .dropdown-content {
  flex-direction: column;
  gap: 8px;
  margin: 10px 0;
}

/* line 73, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .dropdown-content .filter-btn {
  padding: 2px 5px;
}

/* line 76, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .dropdown-content .filter-btn.active {
  color: #ffffff;
  background-color: #337ab7;
}

/* line 81, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .dropdown-content.open {
  display: flex;
}

/* line 85, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .destroy-btn, .instructors .destroy-btn-list, .instructors .edit-btn {
  background-color: #e63946;
  color: white !important;
  border: none;
  padding: 6px 10px;
  border-radius: 5px;
  margin-top: 8px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: background 0.2s;
}

/* line 97, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .edit-btn {
  background-color: #0000ff;
}

/* line 100, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .destroy-btn:hover, .instructors .destroy-btn-list:hover {
  background-color: #b22234;
}

/* line 103, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .edit-btn:hover {
  background-color: #002fff;
}

/* line 106, app/assets/stylesheets/pages/instructor_guide.scss */
.instructors .instructor-list-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}
/* line 2, app/assets/stylesheets/pages/mahjong_certifiation.scss */
div.mahjong-certification div.main-container {
  width: 1200px;
  margin: 0 auto;
}

/* line 5, app/assets/stylesheets/pages/mahjong_certifiation.scss */
div.mahjong-certification div.main-container img {
  width: 40%;
  margin: 40px 0;
}
/* line 1, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors {
  padding: 20px;
  background-color: #fff;
}

/* line 4, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element {
  max-width: 800px;
  margin: 0 auto;
}

/* line 9, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail:not(:first-of-type) {
  margin-top: 40px;
}

/* line 10, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail:not(:first-of-type)::before {
  content: '';
  border-radius: 4px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

/* line 21, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail div.image--container {
  width: 200px;
  margin-bottom: 20px;
}

/* line 24, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail div.image--container img {
  width: 100%;
  height: auto;
}

/* line 29, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail div.paragraph {
  color: var(--dark-text);
}

/* line 31, app/assets/stylesheets/pages/meet-the-instructors.scss */
div.pages.meet-the-instructors div.container--element div.detail div.paragraph:not(:first-of-type) {
  margin-top: 30px;
}
/* line 1, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor {
  padding: 20px;
  background-color: #fff;
}

/* line 4, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element {
  max-width: 800px;
  margin: 0 auto;
}

/* line 9, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail div.row-container {
  display: flex;
}

/* line 12, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail .instructor-name {
  color: #96a8ce;
}

/* line 15, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail:not(:first-of-type) {
  margin-top: 40px;
}

/* line 16, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail:not(:first-of-type)::before {
  content: '';
  border-radius: 4px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

/* line 27, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail div.image--container {
  width: 200px;
  margin: 0 20px 20px 0;
}

/* line 30, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail div.image--container img {
  width: 100%;
  height: auto;
}

/* line 35, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail div.paragraph {
  color: var(--dark-text);
}

/* line 37, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor div.container--element div.detail div.paragraph:not(:first-of-type) {
  margin-top: 30px;
}

/* line 43, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .play-button {
  background: #0073e6;
  color: white;
  border: none;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.2s;
}

/* line 53, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .play-button:hover {
  background: #005bb5;
}

/* line 56, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .video-container {
  margin: 20px 0;
}

/* line 59, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .buttons-container {
  margin: 0 0 10px;
}

/* line 62, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .destroy-btn, div.pages.meet-the-instructor .destroy-btn-list, div.pages.meet-the-instructor .edit-btn {
  background-color: #e63946;
  color: white !important;
  border: none;
  padding: 6px 10px;
  border-radius: 5px;
  margin-top: 8px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: background 0.2s;
}

/* line 74, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .edit-btn {
  background-color: #0000ff;
}

/* line 77, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .destroy-btn:hover, div.pages.meet-the-instructor .destroy-btn-list:hover {
  background-color: #b22234;
}

/* line 80, app/assets/stylesheets/pages/specific_instructor_guide.scss */
div.pages.meet-the-instructor .edit-btn:hover {
  background-color: #002fff;
}
/* line 2, app/assets/stylesheets/pages/testimonials.scss */
div.testimonials div.main-container {
  width: 1200px;
  margin: 0 auto;
}

/* line 5, app/assets/stylesheets/pages/testimonials.scss */
div.testimonials div.main-container img {
  width: 40%;
  margin: 40px 0;
}
/* line 1, app/assets/stylesheets/partial/_dialog-window.scss */
div.dialog-window {
  background: rgba(35, 35, 35, 0.9);
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
}
/* line 1, app/assets/stylesheets/partial/footer.scss */
footer {
  background-color: var(--dark-background);
  min-height: 300px;
}

/* line 5, app/assets/stylesheets/partial/footer.scss */
footer div.footer__content {
  display: flex;
  min-height: inherit;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 12, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item {
  flex: 0 1 40%;
}

@media (max-width: 450px) {
  /* line 13, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item div.footer__item__image-container {
    text-align: center;
  }
}

@media (max-width: 1035px) {
  /* line 12, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item {
    flex: 0 1 50%;
  }
}

@media (max-width: 768px) {
  /* line 12, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item {
    flex: 0 1 100%;
  }
}

/* line 25, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item a {
  font-size: 48px;
}

/* line 29, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item p {
  color: var(--light-grey);
  margin-bottom: 20px;
}

/* line 34, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item h2 {
  font-size: 22px;
  color: #ffffff;
}

@media (max-width: 450px) {
  /* line 34, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item h2 {
    text-align: center;
  }
}

/* line 43, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list li {
  margin-bottom: 10px;
}

/* line 45, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list li button {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  color: var(--light-grey);
  outline: none;
}

/* line 53, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list a {
  font-size: 16px;
  color: var(--light-grey);
  transition: color 270ms ease-in-out;
}

/* line 57, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list a:hover {
  color: var(--dark-cyan);
}

/* line 62, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list address {
  display: inline;
}

/* line 66, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item ul.footer__item__list span {
  color: var(--light-grey);
}

/* line 72, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item-medium {
  flex: 0 1 20%;
}

@media (max-width: 1035px) {
  /* line 72, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item-medium {
    flex: 0 1 50%;
  }
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item-medium {
    flex: 0 1 100%;
  }
}

@media (max-width: 450px) {
  /* line 82, app/assets/stylesheets/partial/footer.scss */
  footer div.footer__item__icons {
    text-align: center;
  }
}

/* line 86, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item__icons div.footer__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

/* line 94, app/assets/stylesheets/partial/footer.scss */
footer div.footer__item__icons div.footer__icon a {
  font-size: 20px;
  color: rgba(232, 232, 232, 0.54);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: i;
  transition-display: block;
}

/* line 109, app/assets/stylesheets/partial/footer.scss */
footer div.footer__copyright {
  color: #ffffff;
  text-align: center;
  border-top: 1px solid #ffffff;
}
/* line 1, app/assets/stylesheets/partial/header.scss */
header {
  width: 100%;
  min-height: 90px;
  background-color: #ffffff;
}

/* line 5, app/assets/stylesheets/partial/header.scss */
header div.header__sign-in-division {
  display: flex;
  padding: 10px 30px;
}

/* line 10, app/assets/stylesheets/partial/header.scss */
header div.header__sign-in-division {
  height: 150px;
}

/* line 14, app/assets/stylesheets/partial/header.scss */
header div.header__border {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
  /* line 14, app/assets/stylesheets/partial/header.scss */
  header div.header__border {
    display: none;
  }
}

/* line 22, app/assets/stylesheets/partial/header.scss */
header div.header--mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 29, app/assets/stylesheets/partial/header.scss */
  header div.header--main {
    display: none;
  }
  /* line 33, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile {
    z-index: 10;
    background-color: #fff;
    width: 100%;
    position: fixed;
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
    overflow: hidden;
  }
  /* line 46, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile img {
    display: inline-block;
    max-height: 50px;
  }
  /* line 50, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile button.header--mobile--button {
    width: 40px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
  }
  /* line 59, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile div.header--mobile__span-block {
    display: block;
    position: relative;
    height: 18px;
    width: 20px;
  }
  /* line 64, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile div.header--mobile__span-block span {
    left: 0;
    position: absolute;
    border-radius: 4px;
    height: 3px;
    width: 20px;
    background-color: #e57373;
    transition: top 250ms ease-in-out, transform 280ms ease-in-out, bottom 250ms ease-in-out, opacity 180ms ease-in-out;
    transform-origin: center;
  }
  /* line 73, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile div.header--mobile__span-block span:first-of-type {
    top: 0;
  }
  /* line 76, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile div.header--mobile__span-block span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 80, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile div.header--mobile__span-block span:nth-of-type(3) {
    bottom: 0;
  }
  /* line 86, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list {
    flex: 0 1 100%;
    display: block;
    transition: height 500ms ease-in-out;
    bottom: 0;
  }
  /* line 91, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list li {
    margin-top: 20px;
  }
  /* line 95, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list a, header div.header--mobile ul.header--mobile__link-list button {
    color: var(--text-color);
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    background-color: transparent;
  }
  /* line 102, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list a.active, header div.header--mobile ul.header--mobile__link-list button.active {
    color: #e57373;
  }
  /* line 107, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list a.header__sign-in {
    position: relative;
    left: -5px;
    display: inline-block;
    margin-top: 15px;
    color: var(--complement-shade-4);
    font-weight: 900;
    border: 1px solid var(--complement-shade-1);
    padding: 10px 15px;
    border-radius: 4px;
    background-color: var(--complement-shade-1);
  }
  /* line 121, app/assets/stylesheets/partial/header.scss */
  header div.header--mobile ul.header--mobile__link-list button.header--mobile__link-list__logout {
    border: none;
  }
}

/* line 129, app/assets/stylesheets/partial/header.scss */
nav#navigation-element {
  position: relative;
  background-color: #ffffff;
  box-shadow: -0.2px 3px 16px #f4f4f4;
}

@media (max-width: 767px) {
  /* line 129, app/assets/stylesheets/partial/header.scss */
  nav#navigation-element {
    display: none;
  }
}

/* line 139, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list {
  display: flex;
  justify-content: center;
}

/* line 143, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li {
  margin-right: 40px;
}

/* line 145, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li a {
  font-size: 14px;
  text-transform: uppercase;
  color: #42495b;
  font-weight: 700;
  transition: color 350ms ease-in-out;
}

/* line 151, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li a:hover {
  color: var(--dark-cyan);
}

/* line 154, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li a.active {
  color: var(--dark-cyan);
}

@media (max-width: 600px) {
  /* line 143, app/assets/stylesheets/partial/header.scss */
  ul.header__navigation-list li {
    display: block;
  }
}

/* line 164, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages,
ul.header__navigation-list li.instructors {
  position: relative;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages span,
ul.header__navigation-list li.instructors span {
  font-size: 14px;
  text-transform: uppercase;
  color: #42495b;
  font-weight: 700;
  transition: color 350ms ease-in-out;
}

/* line 176, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages ul.page--items--list,
ul.header__navigation-list li.pages ul.instructor--items--list,
ul.header__navigation-list li.instructors ul.page--items--list,
ul.header__navigation-list li.instructors ul.instructor--items--list {
  z-index: 10;
  position: absolute;
  overflow: hidden;
  transition: height 280ms ease-in-out, transform 300ms ease-in-out;
  width: 300px;
  box-shadow: 0 2px 4px 1px;
  box-shadow: -0.2px 3px 16px #e1e1e1;
  background-color: #fff;
  border-radius: 4px;
  height: 0px;
}

/* line 188, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages ul.page--items--list li,
ul.header__navigation-list li.pages ul.instructor--items--list li,
ul.header__navigation-list li.instructors ul.page--items--list li,
ul.header__navigation-list li.instructors ul.instructor--items--list li {
  padding: 7px 13px;
}

/* line 194, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages:hover ul#page--items--list,
ul.header__navigation-list li.instructors:hover ul#page--items--list {
  height: 152px;
  transform: scaleY(1);
}

/* line 199, app/assets/stylesheets/partial/header.scss */
ul.header__navigation-list li.pages:hover ul#instructor--items--list,
ul.header__navigation-list li.instructors:hover ul#instructor--items--list {
  height: 76px;
}

/* line 206, app/assets/stylesheets/partial/header.scss */
a.header__link {
  color: var(--text-color);
  font-size: 42px;
  flex: 0 1 80%;
}

@media (max-width: 768px) {
  /* line 206, app/assets/stylesheets/partial/header.scss */
  a.header__link {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  /* line 206, app/assets/stylesheets/partial/header.scss */
  a.header__link {
    font-size: 18px;
  }
}

/* line 219, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group {
  flex: 0 1 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 225, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group div.nav-right__profile {
  border: none;
}

/* line 228, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group div.nav-right__profile__picture-container {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 850px) {
  /* line 219, app/assets/stylesheets/partial/header.scss */
  div.header__sign-in-group {
    flex: 0 1 35%;
  }
}

@media (max-width: 600px) {
  /* line 219, app/assets/stylesheets/partial/header.scss */
  div.header__sign-in-group {
    flex: 0 1 70%;
  }
}

/* line 242, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group button, div.header__sign-in-group a {
  outline: none;
  text-transform: uppercase;
  background-color: transparent;
  font-size: 16px;
  color: var(--dark-grey);
  font-weight: 900;
  border: none;
  transition: color 350ms ease-in-out;
}

/* line 251, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group button:hover, div.header__sign-in-group a:hover {
  color: var(--dark-cyan);
}

@media (max-width: 767px) {
  /* line 242, app/assets/stylesheets/partial/header.scss */
  div.header__sign-in-group button, div.header__sign-in-group a {
    font-size: 12px;
  }
}

/* line 259, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group span.header__bar {
  margin: 0 8px;
}

/* line 263, app/assets/stylesheets/partial/header.scss */
div.header__sign-in-group a.cart--link {
  font-size: 17px;
}

/* line 268, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal {
  position: absolute;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  transition: background-color 300ms ease-in-out;
  text-align: center;
  z-index: -10;
}

/* line 279, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forms--container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}

/* line 286, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container {
  color: var(--dark-text);
  width: 90%;
  display: none;
}

@media (max-width: 500px) {
  /* line 286, app/assets/stylesheets/partial/header.scss */
  div.sign-in-modal div.forgot--password--container {
    width: 100%;
  }
}

/* line 295, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container div.forgot--password--notification {
  padding: 8px;
  border: 1px solid var(--accent-one-shade-4);
  display: flex;
  align-items: center;
  color: var(--accent-one-shade-4);
  border-radius: 4px;
  margin-bottom: 20px;
  visibility: hidden;
}

/* line 306, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container div.password--reset--confirmation {
  color: var(--complement-shade-4);
  background-color: rgba(230, 123, 66, 0.1);
  padding: 20px;
  border-radius: 4px;
  display: none;
}

/* line 314, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container span.ti-alert {
  font-size: 25px;
  margin-right: 20px;
}

/* line 319, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container div.notification--text {
  display: inline-block;
}

/* line 324, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container h4 {
  margin-bottom: 20px;
}

/* line 328, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container label {
  border: 1px solid #cbcbd2;
  border-radius: 4px;
  display: inline-block;
  padding: 8px;
  box-shadow: inset 0 1px 2px rgba(203, 203, 210, 0.4);
  width: 275px;
  margin-bottom: 20px;
}

/* line 337, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container span.ti-user {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 15px 5px 10px;
}

/* line 341, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0 5px;
}

/* line 348, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.forgot--password--container button.password--reset--button {
  background-color: var(--accent-two-shade-2);
  color: #fff;
  padding: 10px 15px;
  width: 275px;
  border-radius: 4px;
}

/* line 357, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal button.forgot--password--button {
  background-color: transparent;
  padding: 10px;
}

/* line 362, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.sign-in-modal__window {
  width: 90%;
  max-width: 600px;
  height: 450px;
  background-color: #ffffff;
  border-radius: 12px;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10%;
  transform: translate(-50%, 0);
  padding: 30px;
  opacity: 0;
  transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
  display: none;
}

@media (max-width: 500px) {
  /* line 362, app/assets/stylesheets/partial/header.scss */
  div.sign-in-modal div.sign-in-modal__window {
    padding: 30px 10px;
    width: 98%;
  }
}

/* line 383, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal h2.sign-in-modal__window__header {
  font-size: 32px;
  text-align: center;
  margin-bottom: 30px;
  color: var(--dark-text);
}

/* line 390, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal div.sign-in-error-container {
  min-height: 24px;
  color: var(--dark-red);
}

@media (max-width: 767px) {
  /* line 390, app/assets/stylesheets/partial/header.scss */
  div.sign-in-modal div.sign-in-error-container {
    min-height: 50px;
  }
}

/* line 398, app/assets/stylesheets/partial/header.scss */
div.sign-in-modal button.user-sign-in-button {
  display: block;
  margin: 0 auto 15px auto;
}

/* line 404, app/assets/stylesheets/partial/header.scss */
div.notice--container {
  margin: 20px auto;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border-radius: 4px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 15px;
  font-family: Mulish, arial, sans-serif;
}

@media (max-width: 600px) {
  /* line 404, app/assets/stylesheets/partial/header.scss */
  div.notice--container {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* line 423, app/assets/stylesheets/partial/header.scss */
div.notice--container.notice {
  color: var(--dark-cyan);
  border: 1px solid var(--dark-cyan);
}

/* line 428, app/assets/stylesheets/partial/header.scss */
div.notice--container.error {
  color: var(--dark-red);
  border: 1px solid var(--dark-red);
}

/* line 433, app/assets/stylesheets/partial/header.scss */
div.notice--container div.notice--container__icon {
  font-size: 35px;
  margin-right: 15px;
}

/* line 437, app/assets/stylesheets/partial/header.scss */
div.notice--container div.notice {
  color: var(--accent-one-shade-2);
}

/* line 440, app/assets/stylesheets/partial/header.scss */
div.notice--container div.error {
  color: var(--dark-red);
}
/* line 1, app/assets/stylesheets/registration_voucher.scss */
section.voucher--generation {
  padding: 40px 40px 0 40px;
  max-width: 900px;
}

/* line 6, app/assets/stylesheets/registration_voucher.scss */
div.notice--element--container {
  overflow: hidden;
  transition: height 300ms ease-in-out;
}

/* line 11, app/assets/stylesheets/registration_voucher.scss */
section.voucher--generation button.generate-voucher {
  background-color: var(--accent-one-shade-2);
  padding: 10px 15px;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
  display: block;
  transition: background-color 300ms ease-in-out;
}

/* line 21, app/assets/stylesheets/registration_voucher.scss */
div.voucher--group {
  display: flex;
}

/* line 25, app/assets/stylesheets/registration_voucher.scss */
div.email--group {
  overflow: hidden;
  transition: height 300ms ease-out;
  display: flex;
  align-items: center;
  position: relative;
}

/* line 33, app/assets/stylesheets/registration_voucher.scss */
span.email-invalid-notice {
  position: absolute;
  top: 17px;
  color: var(--dark-red);
  visibility: hidden;
  font-size: 14px;
}

/* line 41, app/assets/stylesheets/registration_voucher.scss */
div.email--group label {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

/* line 46, app/assets/stylesheets/registration_voucher.scss */
div.email--group span.icon--container {
  display: inline-block;
  background-color: var(--accent-two-shade-1);
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
}

/* line 54, app/assets/stylesheets/registration_voucher.scss */
div.email--group input {
  border: none;
}

/* line 58, app/assets/stylesheets/registration_voucher.scss */
div.email--group button.email--voucher {
  padding: 10px 20px;
  background-color: var(--accent-two-shade-2);
  font-size: 16px;
  color: #fff;
  height: 52px;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

/* line 70, app/assets/stylesheets/registration_voucher.scss */
div.email--group button.email--voucher span.email--voucher--text {
  margin-right: 5px;
}

/* line 74, app/assets/stylesheets/registration_voucher.scss */
div.email--group button.email--voucher span.ti-location-arrow {
  transform: rotate(90deg);
}

/* line 78, app/assets/stylesheets/registration_voucher.scss */
section.voucher--generation input#voucher-id {
  padding: 5px;
  border: none;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.6);
  width: 150px;
  text-align: center;
}

/* line 87, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list {
  background-color: #ffffff;
  max-width: 900px;
}

/* line 90, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.35);
}

/* line 94, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list table th, section.voucher-list table td {
  padding: 15px 30px;
  font-size: 13px;
  font-family: 'Mulish', arial;
}

/* line 101, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

/* line 107, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list table td {
  color: var(--dark-text);
}

/* line 112, app/assets/stylesheets/registration_voucher.scss */
section.voucher-list table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* line 120, app/assets/stylesheets/registration_voucher.scss */
div.voucher--pagination {
  font-size: 16px;
  display: block;
  text-align: center;
}
/* line 2, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.material--input--container {
  margin: 10px 0;
}

/* line 4, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.material--input--container label.MaterialInput {
  width: 100%;
}

/* line 9, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.divider {
  padding: 10px 0;
}

/* line 15, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.window--body div.log-in div.button--group {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

/* line 19, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.window--body div.log-in div.button--group button#forgot-password-button {
  background-color: var(--accent-one-shade-4);
}

/* line 25, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.window--body div.window--body__content {
  height: 175px;
}

/* line 29, app/assets/stylesheets/sessions/log-in.scss */
div.LogInModal div.window--body div.forgot--password,
div.LogInModal div.window--body div.forgot--password--confirmation {
  height: 0;
  overflow: hidden;
  z-index: -10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* line 3, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div#class-schedule-modal {
  padding-right: 0px !important;
}

/* line 4, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div#class-schedule-modal div.modal-dialog {
  width: 700px;
}

/* line 8, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div#class-schedule-modal div.tab-content {
  padding: 2.5em;
}

/* line 13, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection {
  margin-top: 0px;
  display: flex;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection h1 {
  transform: translateX(10px);
  margin-bottom: 10px;
}

/* line 22, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container {
  flex: 0 1 45%;
}

/* line 24, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container div.date-picker {
  height: 300px;
}

/* line 29, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container table.ui-datepicker-calendar a.ui-state-default, div.class-list-page-container div.schedule-selection div.date-picker-container table.ui-datepicker-calendar span.ui-state-default {
  border: 1px solid transparent !important;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 4px;
}

/* line 38, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container table.ui-datepicker-calendar a {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

/* line 43, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container table.ui-datepicker-calendar a:hover:not(.ui-state-active) {
  background-color: rgba(0, 0, 0, 0.07);
}

/* line 47, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container table.ui-datepicker-calendar a.ui-state-active {
  background-color: #3f51b5;
  color: #fff;
}

/* line 53, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container div.ui-datepicker-inline {
  border: none;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
}

/* line 58, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.date-picker-container div.ui-datepicker-header {
  background: none;
  border: none;
}

/* line 64, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.time-selection {
  flex: 0 1 50%;
}

/* line 66, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.time-selection div.radio-pair {
  text-align: left;
  padding: 5px 10px;
  line-height: 32px;
  vertical-align: middle;
  position: relative;
  padding-left: 30px;
}

/* line 73, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.time-selection div.radio-pair label {
  position: relative;
  top: 1px;
}

/* line 77, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.time-selection div.radio-pair span.availability {
  right: 10px;
  position: absolute;
  color: #2E7D32;
}

/* line 83, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.schedule-selection div.time-selection div.no-time-schedule {
  text-align: center;
}

/* line 89, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons {
  display: flex;
  justify-content: space-between;
}

/* line 92, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons div {
  flex: 0 1 46%;
}

/* line 94, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons div:first-of-type {
  text-align: right;
}

/* line 97, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons div:nth-of-type(2) {
  text-align: left;
}

/* line 100, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons div button.cancel-button {
  background-color: #BF360C;
  color: #fff;
}

/* line 103, app/assets/stylesheets/static-pages/_class-list.scss */
div.class-list-page-container div.submit-cancel-buttons div button.cancel-button:hover, div.class-list-page-container div.submit-cancel-buttons div button.cancel-button:focus {
  border: solid 1px #D84315;
  background-color: #DD2C00;
  color: #fff;
}
/* line 2, app/assets/stylesheets/static-pages/_class-type-details.scss */
div.class-type-details-container nav.breadcrumb-wapper {
  margin-top: 32px;
}

/* line 5, app/assets/stylesheets/static-pages/_class-type-details.scss */
div.class-type-details-container div.review-course {
  margin-top: 0px;
  padding-top: 0px;
}

/* line 10, app/assets/stylesheets/static-pages/_class-type-details.scss */
ul.classes-list {
  max-width: 300px;
  padding-left: 20px;
}

/* line 13, app/assets/stylesheets/static-pages/_class-type-details.scss */
ul.classes-list li {
  text-align: left;
  margin: 4px;
  list-style-type: disc;
}

/* line 17, app/assets/stylesheets/static-pages/_class-type-details.scss */
ul.classes-list li ul.square-type {
  padding-left: 20px;
}

/* line 19, app/assets/stylesheets/static-pages/_class-type-details.scss */
ul.classes-list li ul.square-type li {
  list-style-type: square;
}
/* line 1, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-page-container {
  width: 600px;
  margin: auto;
  padding: 2em 1em;
}

@media (max-width: 600px) {
  /* line 1, app/assets/stylesheets/static-pages/_user-profile.scss */
  div.user-profile-page-container {
    width: 100%;
  }
}

/* line 6, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-page-container button.list-link__btn {
  margin: auto;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
}

/* line 12, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-page-container div.input-pair {
  height: 80px;
}

/* line 17, app/assets/stylesheets/static-pages/_user-profile.scss */
div.course-detail {
  margin-bottom: 0;
  padding: 2em;
  position: relative;
}

/* line 25, app/assets/stylesheets/static-pages/_user-profile.scss */
.signin-form__body .tab-content {
  padding: 2em;
}

@media (max-width: 450px) {
  /* line 25, app/assets/stylesheets/static-pages/_user-profile.scss */
  .signin-form__body .tab-content {
    padding: 0.5em;
  }
}

/* line 31, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-modal div.test {
  position: absolute;
  right: -20px;
  margin: 0;
  transform: rotate(45deg);
  top: 21px;
  width: 220px;
  height: 0;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 40px solid #ff9142;
  color: white;
  text-align: center;
}

/* line 49, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-modal div.ribbon {
  width: 150px;
  height: 150px;
  position: absolute;
  right: 0;
  overflow: hidden;
  top: 0;
}

/* line 57, app/assets/stylesheets/static-pages/_user-profile.scss */
div.user-profile-modal div.ribbon span {
  position: relative;
  top: 25px;
  display: inline-block;
  background-color: #ff9142;
  width: 150%;
  transform: rotate(45deg);
  color: #ffffff;
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 0.5em;
}
/* line 1, app/assets/stylesheets/static-pages/home.scss */
div.home {
  background-color: #ffffff;
  min-height: 100vh;
  position: relative;
}

/* line 7, app/assets/stylesheets/static-pages/home.scss */
section.home__banner {
  background-image: linear-gradient(to left, var(--primary-shade-1), var(--primary-shade-3));
}

/* line 9, app/assets/stylesheets/static-pages/home.scss */
section.home__banner div.home_banner__container {
  display: flex;
}

/* line 13, app/assets/stylesheets/static-pages/home.scss */
section.home__banner div.enroll--now--link {
  padding: 0 0 20px 20px;
  text-align-last: center;
  display: flex;
  justify-content: center;
}

/* line 18, app/assets/stylesheets/static-pages/home.scss */
section.home__banner div.enroll--now--link a {
  position: relative;
  left: -20px;
}

/* line 25, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-text {
  flex: 0 1 49%;
}

@media (max-width: 768px) {
  /* line 25, app/assets/stylesheets/static-pages/home.scss */
  div.home__banner-text {
    flex: 0 1 100%;
  }
}

/* line 30, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-text h2.home__banner-text__header, div.home__banner-text h2 {
  color: #ffffff;
  font-size: 36px;
  margin-bottom: 20px;
}

@media (max-width: 450px) {
  /* line 30, app/assets/stylesheets/static-pages/home.scss */
  div.home__banner-text h2.home__banner-text__header, div.home__banner-text h2 {
    font-size: 26px;
    font-weight: 900;
  }
}

/* line 41, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-text ul.home__banner-text__list, div.home__banner-text ul {
  margin: 0 0 40px 20px;
}

/* line 43, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-text ul.home__banner-text__list li, div.home__banner-text ul li {
  color: #ffffff;
  font-size: 16px;
  list-style: disc;
}

@media (max-width: 450px) {
  /* line 43, app/assets/stylesheets/static-pages/home.scss */
  div.home__banner-text ul.home__banner-text__list li, div.home__banner-text ul li {
    font-size: 18px;
  }
}

/* line 54, app/assets/stylesheets/static-pages/home.scss */
a.home__learn-now-link {
  display: inline-block;
  background-color: #ffffff;
  text-transform: uppercase;
  color: var(--accent-one-shade-3);
  font-weight: 900;
  transition: background-color 350ms ease-in-out, color 350ms ease-in;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 64, app/assets/stylesheets/static-pages/home.scss */
a.home__learn-now-link:hover {
  background-color: var(--accent-one-shade-3);
  color: #ffffff;
}

@media (max-width: 450px) {
  /* line 54, app/assets/stylesheets/static-pages/home.scss */
  a.home__learn-now-link {
    width: 100%;
  }
}

/* line 73, app/assets/stylesheets/static-pages/home.scss */
a.home__learn-now-link.new {
  margin-top: 20px;
  color: black;
  font-size: 18px;
  width: 160px;
}

/* line 78, app/assets/stylesheets/static-pages/home.scss */
a.home__learn-now-link.new:hover {
  color: #ffffff;
}

/* line 83, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-image-container {
  flex: 2 1 49%;
}

/* line 85, app/assets/stylesheets/static-pages/home.scss */
div.home__banner-image-container img {
  width: 100%;
}

@media (max-width: 768px) {
  /* line 83, app/assets/stylesheets/static-pages/home.scss */
  div.home__banner-image-container {
    display: none;
  }
}

/* line 93, app/assets/stylesheets/static-pages/home.scss */
section.benefit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 93, app/assets/stylesheets/static-pages/home.scss */
  section.benefit {
    padding: 20px;
  }
}

/* line 102, app/assets/stylesheets/static-pages/home.scss */
div.benefit__card {
  flex: 0 1 30%;
}

@media (max-width: 768px) {
  /* line 102, app/assets/stylesheets/static-pages/home.scss */
  div.benefit__card {
    flex: 0 1 100%;
  }
}

/* line 107, app/assets/stylesheets/static-pages/home.scss */
div.benefit__card > *:not(p) {
  margin-bottom: 20px;
}

/* line 111, app/assets/stylesheets/static-pages/home.scss */
div.benefit__card h2 {
  font-size: 32px;
  color: var(--dark-grey);
}

@media (max-width: 768px) {
  /* line 111, app/assets/stylesheets/static-pages/home.scss */
  div.benefit__card h2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  /* line 111, app/assets/stylesheets/static-pages/home.scss */
  div.benefit__card h2 {
    font-size: 16px;
  }
}

/* line 122, app/assets/stylesheets/static-pages/home.scss */
div.benefit__card div.benefit__card-container img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  /* line 121, app/assets/stylesheets/static-pages/home.scss */
  div.benefit__card div.benefit__card-container {
    text-align: center;
  }
}

/* line 134, app/assets/stylesheets/static-pages/home.scss */
section.features h2.features__header {
  text-align: center;
  color: var(--dark-grey);
  font-size: 36px;
  margin-bottom: 40px;
}

/* line 141, app/assets/stylesheets/static-pages/home.scss */
section.features div.features__cards-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 147, app/assets/stylesheets/static-pages/home.scss */
section.features div.features__card {
  flex: 0 1 23%;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 10px;
}

@media (max-width: 1035px) {
  /* line 147, app/assets/stylesheets/static-pages/home.scss */
  section.features div.features__card {
    flex: 0 1 48%;
  }
}

@media (max-width: 450px) {
  /* line 147, app/assets/stylesheets/static-pages/home.scss */
  section.features div.features__card {
    flex: 0 1 100%;
  }
}

/* line 159, app/assets/stylesheets/static-pages/home.scss */
section.features div.features__card h3.features__card__header {
  font-size: 16px;
  font-weight: 900;
}

/* line 166, app/assets/stylesheets/static-pages/home.scss */
div.main-home {
  background-image: linear-gradient(#FF68C2, #FFDD5A);
  float: left;
  --main-color: #0866ff;
}

/* line 172, app/assets/stylesheets/static-pages/home.scss */
div.main-home div.home-header {
  width: 100%;
}

/* line 176, app/assets/stylesheets/static-pages/home.scss */
div.main-home div.home-header button, div.main-home div.home-header a {
  display: block;
  width: 15%;
  margin: 10px 5px;
  border-radius: 20px;
  font-size: 16px;
  padding: 10px 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  transition: all 0.4sease;
}

/* line 188, app/assets/stylesheets/static-pages/home.scss */
div.main-home div.home-header button:nth-child(odd), div.main-home div.home-header a:nth-child(odd) {
  color: #ffffff;
  background-color: var(--main-color);
}

/* line 196, app/assets/stylesheets/static-pages/home.scss */
div.main-home div.home-header button:nth-child(even), div.main-home div.home-header a:nth-child(even) {
  color: #642195;
  background-color: #FFDE59;
}

/* line 204, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container {
  background-image: linear-gradient(#FF68C2, #FFDD5A);
  min-height: 500px;
  float: left;
}

/* line 209, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.side-container {
  float: left;
  width: 15%;
  padding-top: 5px;
}

/* line 213, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.side-container img {
  width: 50%;
  margin: 10px 25% 20px;
  transition: all 0.4sease;
}

/* line 219, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.home-main-content-container {
  float: left;
  width: 70%;
}

/* line 224, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-tiles-container {
  width: 100%;
  text-align: center;
}

/* line 227, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-tiles-container img {
  width: 100%;
}

/* line 231, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container {
  width: 100%;
  display: flex;
  padding: 15px 20px 0;
}

/* line 237, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.main-logo {
  width: 40%;
  text-align: center;
}

/* line 240, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.main-logo img {
  width: 90%;
  height: auto;
  margin: 20px 0 0;
}

/* line 246, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container {
  position: relative;
  display: flex;
  width: 110%;
}

/* line 250, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container div.buttons-column {
  width: 50%;
}

/* line 252, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container div.buttons-column a {
  display: block;
  width: 90%;
  margin: 10px 5%;
  border-radius: 20px;
  font-size: 16px;
  font-size: 20px;
  padding: 10px 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 23px;
}

/* line 265, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container div.buttons-column a:nth-child(odd) {
  color: #ffffff;
  background-color: var(--main-color);
}

/* line 273, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container div.buttons-column a:nth-child(even) {
  color: #642195;
  background-color: #FFDE59;
}

/* line 280, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.content-container div.buttons-container div.buttons-column.absolute {
  position: absolute;
  text-align: center;
  bottom: -55px;
  right: 236px;
}

/* line 289, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container {
  width: 100%;
  margin: 90px 0 0;
  padding: 0 20px;
  display: flex;
}

/* line 295, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.row-1 {
  width: 100%;
}

/* line 297, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.row-1 .title.small {
  display: none;
}

/* line 301, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.row-2 {
  padding-top: 40px;
}

/* line 304, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.row-2 a {
  margin-right: 10px;
}

/* line 308, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container h1.title {
  color: #000000;
  text-transform: uppercase;
  font-size: 31px;
  font-weight: bolder;
}

/* line 314, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container ul {
  list-style-type: disc;
  padding: 0px 0 0 25px;
}

/* line 317, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container ul li {
  color: #000000;
  font-weight: bold;
  font-size: 21px;
}

/* line 323, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.logo-container {
  display: flex;
  margin: 10px 0 10px;
}

/* line 326, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.logo-container p {
  float: left;
  margin: 23px 10px 0 0;
  font-weight: bolder;
  font-size: 20px;
  color: #000000;
}

/* line 333, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.logo-container img {
  float: left;
  height: 60px;
  width: 60px;
}

/* line 339, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container.right {
  display: block;
  height: 110px;
  margin: 0;
}

/* line 343, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container.right p {
  float: right;
  margin: 40px 0px 0;
  font-weight: bolder;
  font-size: 20px;
  color: #000000;
}

/* line 350, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container.right img {
  float: right;
  height: 60px;
  width: 60px;
}

/* line 356, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.footer__copyright {
  width: 70%;
  text-align: right;
  padding: 30px 0 0 0;
  margin: 0;
}

/* line 361, app/assets/stylesheets/static-pages/home.scss */
div.main-home .home-main-container div.main-list-container div.footer__copyright.mobile {
  display: none;
}

/* line 367, app/assets/stylesheets/static-pages/home.scss */
div.main-home #footer-element {
  float: left;
  width: 100%;
  min-height: 155px;
  text-align: center;
}

@media (max-width: 640px) {
  /* line 378, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.side-container {
    position: fixed;
  }
  /* line 381, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.side-container.right {
    right: 0;
  }
  /* line 384, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.side-container img {
    width: 100%;
    margin: 10px 0;
    transform: none !important;
  }
  /* line 391, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-header div.header__sign-in-group {
    display: block;
  }
  /* line 393, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-header div.header__sign-in-group .header__bar {
    display: none;
  }
  /* line 396, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-header div.header__sign-in-group a.profile__course, div.main-home div.home-main-container div.home-header div.header__sign-in-group button, div.main-home div.home-main-container div.home-header div.header__sign-in-group a.cart-orders {
    width: 90%;
    height: 50px;
    margin: 15px 5%;
    font-size: 25px;
  }
  /* line 404, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container {
    margin: 20px 15% 0;
  }
  /* line 406, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container {
    display: block;
  }
  /* line 408, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.main-logo {
    width: 100%;
  }
  /* line 410, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.main-logo img {
    width: 100%;
  }
  /* line 414, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container {
    display: block;
    width: 100%;
    margin: 40px 0 0;
  }
  /* line 418, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container div.buttons-column {
    width: 100%;
  }
  /* line 420, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container div.buttons-column a {
    width: 100%;
    height: 50px;
    margin: 0 0 20px;
  }
  /* line 424, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container div.buttons-column a.certification {
    height: auto;
  }
  /* line 428, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container div.buttons-column.absolute {
    position: relative;
    text-align: center;
    bottom: 0;
    right: 0;
  }
  /* line 433, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.home-main-content-container div.content-container div.buttons-container div.buttons-column.absolute a {
    height: auto;
  }
  /* line 441, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container {
    margin: 40px 0 0;
  }
  /* line 443, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.row-1 {
    width: 100%;
  }
  /* line 445, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.row-1 h1.title {
    display: none;
  }
  /* line 448, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.row-1 h1.title.small {
    display: block;
    text-align: center;
    font-size: 25px;
  }
  /* line 454, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.row-2 {
    text-align: center;
  }
  /* line 457, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container ul {
    margin: 20px 0 0;
  }
  /* line 461, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.logo-container p {
    font-size: 16px;
    margin: 33px 10px 0 0;
  }
  /* line 466, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.footer__copyright {
    display: none;
  }
  /* line 468, app/assets/stylesheets/static-pages/home.scss */
  div.main-home div.home-main-container div.main-list-container div.footer__copyright.mobile {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
  }
}
/* line 1, app/assets/stylesheets/static-pages/view-profile.scss */
section.view__profile-errors {
  max-width: 1200px;
  margin: 10px auto;
}

/* line 5, app/assets/stylesheets/static-pages/view-profile.scss */
section.view__profile-errors div.error-container {
  text-align: center;
  font-size: 18px;
  color: var(--dark-red);
  font-weight: 600;
  min-height: 27px;
}

/* line 14, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section {
  text-align: center;
  padding: 40px 0;
}

/* line 17, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section label[for=profile__picture__input] {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 450px) {
  /* line 17, app/assets/stylesheets/static-pages/view-profile.scss */
  section.image-section label[for=profile__picture__input] {
    width: 100px;
    height: 100px;
    margin: auto;
    display: block;
  }
}

/* line 30, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section label[for=profile__picture__input] input#profile__picture__input {
  position: absolute;
  visibility: hidden;
  cursor: pointer;
  width: 0;
}

/* line 36, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section label[for=profile__picture__input]:hover div.profile__picture__container__hover {
  opacity: 1;
}

/* line 40, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section div.profile__picture__container {
  background-color: #000000;
  height: 150px;
  width: 150px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 450px) {
  /* line 40, app/assets/stylesheets/static-pages/view-profile.scss */
  section.image-section div.profile__picture__container {
    height: 100px;
    width: 100px;
  }
}

/* line 56, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section div.profile__picture__container img {
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-height: 150px;
  width: auto;
}

@media (max-width: 450px) {
  /* line 56, app/assets/stylesheets/static-pages/view-profile.scss */
  section.image-section div.profile__picture__container img {
    min-height: 100px;
    height: 100px;
  }
}

/* line 68, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section div.profile__picture__container div.profile__picture__container__hover {
  position: absolute;
  top: 100px;
  width: 100%;
  height: 50px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

@media (max-width: 450px) {
  /* line 68, app/assets/stylesheets/static-pages/view-profile.scss */
  section.image-section div.profile__picture__container div.profile__picture__container__hover {
    top: 50px;
  }
}

/* line 78, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section div.profile__picture__container div.profile__picture__container__hover div.dark-background {
  width: inherit;
  height: inherit;
  background-color: #000000;
  opacity: 0.65;
}

/* line 84, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section div.profile__picture__container div.profile__picture__container__hover i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
  opacity: 0.85;
}

/* line 95, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section h2.image__section__name {
  font-size: 24px;
  color: #333333;
}

/* line 100, app/assets/stylesheets/static-pages/view-profile.scss */
section.image-section h3.image__section__text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.63);
  padding: 6px 18px;
  text-align: center;
}

@media (max-width: 450px) {
  /* line 100, app/assets/stylesheets/static-pages/view-profile.scss */
  section.image-section h3.image__section__text {
    font-size: 14px;
  }
}

/* line 111, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information {
  margin: auto;
  max-width: 1200px;
  width: 92%;
}

/* line 116, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element {
  position: relative;
  transform: none;
  margin: 10px 0;
  top: 0;
  padding: 0;
  box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
  border: none;
  height: 100%;
  max-width: 1200px;
  border-radius: 10px;
}

/* line 128, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element div.profile__content-container {
  overflow: hidden;
  transition: height 300ms ease-in-out;
}

/* line 133, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element div.profile__tabs {
  text-align: left;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 8px 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

@media (max-width: 650px) {
  /* line 133, app/assets/stylesheets/static-pages/view-profile.scss */
  section.profile-information div.profile-element div.profile__tabs {
    padding: 8px 10px;
  }
}

/* line 144, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element div.profile__tabs div.profile__tab-indicator {
  position: absolute;
  height: 2px;
  border-radius: 4px;
  width: 120px;
  background-color: var(--accent-two-shade-4);
  bottom: 0;
  transition: left 300ms ease-in-out;
  left: 20px;
}

@media (max-width: 650px) {
  /* line 144, app/assets/stylesheets/static-pages/view-profile.scss */
  section.profile-information div.profile-element div.profile__tabs div.profile__tab-indicator {
    width: 70px;
    left: 10px;
  }
}

/* line 159, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element div.profile__tabs button.profile__tab-button {
  background-color: transparent;
  border: none;
  outline: none;
  display: inline-block;
  padding: 10px;
  width: 156px;
  color: var(--text-color);
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  height: 44px;
}

@media (max-width: 650px) {
  /* line 159, app/assets/stylesheets/static-pages/view-profile.scss */
  section.profile-information div.profile-element div.profile__tabs button.profile__tab-button {
    padding: 5px;
    width: 70px;
  }
}

/* line 177, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content {
  position: relative;
  transition: transform 500ms ease-in-out;
  display: block;
  width: 100%;
}

/* line 183, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item {
  position: absolute;
  left: 0;
  padding: 0px 20px;
}

@media (max-width: 320px) {
  /* line 183, app/assets/stylesheets/static-pages/view-profile.scss */
  section.profile-information div.profile-element ul.profile__content li.profile__content__item {
    padding: 10px;
  }
}

/* line 191, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item h3.profile__content__item__no-class-notice {
  visibility: hidden;
}

/* line 194, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes {
  padding-bottom: 100px;
  min-height: calc(100vh - 300px);
}

/* line 197, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes div.profile__classes__items-container {
  grid-template-columns: auto;
  height: 100%;
}

/* line 202, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes div.profile__class-type button.profile__class-button {
  transition: color 300ms ease-in-out;
  color: var(--text-color);
}

/* line 205, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes div.profile__class-type button.profile__class-button.active {
  color: var(--dark-cyan);
}

/* line 210, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes button.profile-add-new-category-button, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes button.profile-cancel-new-category-button {
  margin: 35px auto 0;
  height: 36px;
  min-width: 80px;
  display: block;
  background-color: var(--dark-cyan);
  outline: none;
  color: #fff;
  border-radius: 4px;
  border: 1px solid var(--dark-cyan);
  padding: 6px 20px;
}

/* line 222, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes button.profile-cancel-new-category-button {
  margin: 0 auto;
}

/* line 226, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules {
  display: flex;
}

/* line 228, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class span.error, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class span.error, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules span.error {
  font-style: italic;
  color: var(--dark-red);
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 14px;
  min-height: 14px;
}

/* line 237, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.mahjong--class--section, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.mahjong--class--section, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.mahjong--class--section {
  margin: 0 20px 0 0;
  width: 20%;
}

/* line 241, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section {
  max-width: 814px;
  padding-bottom: 80px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 247, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  display: block;
  padding-bottom: 20px;
  flex: 1;
}

/* line 254, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container div.lecture--item, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container div.lecture--item, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container div.lecture--item {
  display: inline-block;
}

/* line 256, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs {
  display: flex;
}

/* line 258, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button {
  transition: color 300ms ease-in-out;
  color: var(--dark-cyan);
  background-color: transparent;
  width: 50%;
  text-align: center;
  cursor: pointer;
}

/* line 265, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button.active, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button.active, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container div.lecture--item div.lecture--tabs p.lecture__class-button.active {
  color: #ffffff;
  background-color: var(--dark-cyan);
}

/* line 272, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile {
  height: calc(100vh - 400px);
  min-height: 500px;
  max-height: none;
  overflow-y: auto;
  overflow-x: visible;
  padding: 0 20px 150px 20px;
  margin-bottom: 40px;
}

/* line 280, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile form, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile form, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile form {
  max-width: 100%;
  padding: 20px;
}

/* line 284, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile .form-block, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile .form-block, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile .form-block {
  text-align: left;
}

/* line 288, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert {
  height: 80px;
  display: flex;
  align-items: center;
  border: 1px solid var(--dark-red);
  padding: 0 20px;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 450px) {
  /* line 288, app/assets/stylesheets/static-pages/view-profile.scss */
  section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert {
    width: 90%;
    margin: auto;
  }
}

/* line 301, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__icon, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__icon, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__icon {
  color: var(--dark-red);
  font-size: 35px;
  margin-right: 15px;
}

/* line 307, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__message, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__message, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.lecture-schedule-group__alert div.alert__message {
  color: var(--dark-red);
}

/* line 311, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container {
  margin-bottom: 40px;
}

/* line 313, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3 {
  text-align: left;
  margin: 20px 0;
  color: var(--dark-text);
}

/* line 317, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3 span, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3 span, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules--container h3 span {
  cursor: pointer;
  font-size: 18px;
  color: #18ba0f;
  padding: 5px 10px;
  display: inline-block;
}

/* line 326, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 20px;
}

/* line 330, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker {
  width: 100%;
  border: 1px solid;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}

/* line 336, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=text], section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=number], section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=text], section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=number], section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=text], section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker input[type=number] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  max-width: 100%;
  width: 100%;
}

/* line 342, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule {
  position: absolute;
  font-size: 21px;
  height: 25px;
  width: 25px;
  line-height: 1.3;
  text-align: center;
  border-radius: 100%;
  background-color: #ff0000;
  top: -9px;
  right: -9px;
}

/* line 353, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule i, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule i, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class--schedules div.form-block__picker a.remove-class-schedule i {
  color: #ffffff;
}

/* line 360, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile button.submit--class--schedule, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile button.submit--class--schedule, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile button.submit--class--schedule {
  height: 36px;
  min-width: 80px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  text-transform: capitalize;
  border-radius: 2px;
}

/* line 369, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h1, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h1, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h1 {
  text-align: center;
  font-weight: 300;
}

/* line 373, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h2.section__header, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h2.section__header, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile h2.section__header {
  text-align: center;
  color: var(--text-color);
}

/* line 378, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.new_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class-details textarea, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes form.edit_mahjong_class div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class-details textarea, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.lectures--section div.lectures--container section.edit-lecture-schedule-group--profile div.class-details textarea {
  margin-top: 10px;
  width: 100%;
  height: 150px;
  padding: 5px;
}

/* line 390, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules input {
  padding: 5px 10px;
}

/* line 393, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules form.edit_lecture_schedule_group {
  display: inline-block;
  min-width: 700px;
}

/* line 398, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules div.students--section__information {
  background-color: #fff;
  padding: 20px;
}

/* line 403, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section {
  padding: 0 20px;
}

/* line 405, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information {
  padding: 0;
}

/* line 407, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information table.students--table {
  border-collapse: collapse;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 410, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information table.students--table th, section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information table.students--table td {
  font-size: 14px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 418, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information table.students--table th:first-of-type {
  width: 50px;
}

/* line 424, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information button.add--student {
  height: 36px;
  width: 80px;
  border-radius: 2px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  transition: background-color 300ms ease-in-out;
}

/* line 434, app/assets/stylesheets/static-pages/view-profile.scss */
section.profile-information div.profile-element ul.profile__content li.profile__content__item.li__edit__classes .form.class--schedules section.students--section div.students--section__information div.add--student--form--container {
  overflow: hidden;
  transition: height 300ms ease-in-out;
}

/* line 447, app/assets/stylesheets/static-pages/view-profile.scss */
form.update-profile {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

/* line 452, app/assets/stylesheets/static-pages/view-profile.scss */
form.update-profile div.form__division {
  margin-right: 10px;
}

@media (max-width: 650px) {
  /* line 457, app/assets/stylesheets/static-pages/view-profile.scss */
  form.update-profile {
    padding: 10px;
  }
  /* line 460, app/assets/stylesheets/static-pages/view-profile.scss */
  div.form__division {
    flex: 0 1 100%;
    margin-right: 0;
  }
}

/* line 466, app/assets/stylesheets/static-pages/view-profile.scss */
label.form__block {
  position: relative;
  width: 300px;
  margin-top: 20px;
  display: block;
}

@media (max-width: 650px) {
  /* line 466, app/assets/stylesheets/static-pages/view-profile.scss */
  label.form__block {
    width: auto;
  }
}

/* line 475, app/assets/stylesheets/static-pages/view-profile.scss */
label.form__block span {
  position: absolute;
  top: -10px;
  padding: 0 5px;
  font-size: 16px;
  left: 5px;
  color: #000000;
  font-weight: 300;
}

/* line 484, app/assets/stylesheets/static-pages/view-profile.scss */
label.form__block input, label.form__block select {
  border-radius: 4px;
  border: 1.5px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  outline: none;
  width: 100%;
  color: var(--text-color);
  font-weight: 500;
  padding: 20px 10px 10px 10px;
  background-color: transparent;
}

/* line 497, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes {
  padding: 10px 20px 60px;
  overflow: hidden;
}

/* line 500, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes.edit__classes {
  padding-bottom: 120px;
}

@media (max-width: 470px) {
  /* line 497, app/assets/stylesheets/static-pages/view-profile.scss */
  div.profile__classes {
    padding: 10px;
  }
  /* line 505, app/assets/stylesheets/static-pages/view-profile.scss */
  div.profile__classes.edit__classes {
    padding-bottom: 100px;
  }
}

/* line 509, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes div.instructor--filter--container {
  text-align: left;
  margin: 20px 0;
}

/* line 514, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes div.profile__classes__items-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 25px 10px;
}

/* line 520, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color);
  position: relative;
  box-shadow: var(--shadow-type-2);
  border-radius: 4px;
}

/* line 528, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content {
  position: relative;
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
  height: 100%;
  min-height: 470px;
}

/* line 530, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content h4.class--name {
  font-size: 17px;
}

/* line 533, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content a.profile__classs__item__edit {
  display: block;
  margin-bottom: 15px;
}

/* line 537, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.instructor--name,
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--price,
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--code,
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--capacity,
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--id,
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--details {
  font-size: 15px;
  text-align: left;
  padding: 0 20px;
}

/* line 547, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.class--details {
  margin-bottom: 10px;
}

/* line 550, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content span.ti-game {
  position: absolute;
  left: 40px;
  top: 18px;
  z-index: 1;
}

/* line 556, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content div.overlay {
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  min-height: 470px;
  width: 100%;
  z-index: 10;
  border-radius: 4px;
}

/* line 568, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__content h4.overlay--message {
  top: 0;
  left: 0;
  position: absolute;
  background: transparent;
  height: 100%;
  min-height: 470px;
  width: 100%;
  color: #fff;
  z-index: 10;
  display: flex;
  align-items: center;
  user-select: none;
}

@media (max-width: 650px) {
  /* line 528, app/assets/stylesheets/static-pages/view-profile.scss */
  div.profile__classes figure.profile__classes__item div.profile__classes__item__content {
    margin: auto;
  }
}

/* line 592, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item h2, div.profile__classes figure.profile__classes__item h3, div.profile__classes figure.profile__classes__item h4 {
  color: var(--accent-one-shade-4);
}

/* line 596, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.class__information {
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

/* line 604, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules {
  list-style: inside;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 10px;
  min-height: 326px;
}

/* line 610, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules li.class__schedule {
  position: relative;
  font-weight: 300;
  font-size: 16px;
}

/* line 614, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules li.class__schedule:not(:first-of-type) {
  margin-top: 10px;
}

/* line 617, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules li.class__schedule div {
  margin-left: 22px;
  font-size: 15px;
}

/* line 621, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules li.class__schedule span.class__schedule__date {
  font-weight: 900;
  font-size: 17px;
  font-weight: 600;
}

/* line 626, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item ul.class__schedules li.class__schedule span.class__schedule__date-value {
  margin-left: 10px;
}

/* line 631, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__status {
  align-items: center;
  display: flex;
  margin-bottom: 60px;
}

/* line 635, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__status span {
  min-width: 60px;
  margin-right: 10px;
}

/* line 638, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__status span.green {
  color: var(--accent-one-shade-4);
}

/* line 641, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item div.profile__classes__item__status span.red {
  color: var(--dark-red);
}

/* line 646, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item a.figure__game-link {
  position: absolute;
  transform: translateX(-50%);
  bottom: 15px;
  display: inline-block;
  padding: 10px;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 300ms ease-in-out;
  width: 145px;
}

/* line 659, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__classes figure.profile__classes__item a.figure__game-link:hover {
  background-color: #1976D2;
}

/* line 666, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 10px;
  align-items: start;
}

/* line 671, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item {
  padding: 20px 0;
  position: relative;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 20px;
}

/* line 679, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item div.profile__enroll__item-container {
  overflow: hidden;
  transition: height 300ms ease-in-out;
  margin: auto;
  padding: 20px;
  border-radius: 4px;
  height: 400px;
}

/* line 688, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item h2 {
  color: var(--dark-cyan);
  font-weight: 600;
  min-height: 52px;
}

@media (max-width: 950px) {
  /* line 688, app/assets/stylesheets/static-pages/view-profile.scss */
  ul.profile__enroll li.profile__enroll__item h2 {
    min-height: 48px;
  }
}

/* line 698, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item h3 {
  font-size: 24px;
  min-height: 60px;
}

/* line 703, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item h3.profile__enroll__item-price {
  min-height: initial;
}

/* line 705, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item h3.profile__enroll__item-price span.sign {
  font-size: 20px;
  position: relative;
  top: -6px;
  left: 6px;
}

/* line 713, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item h4 {
  color: rgba(0, 0, 0, 0.4);
  min-height: 85px;
  margin-bottom: 10px;
}

/* line 719, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item button.profile__enroll_button {
  padding: 10px 40px;
  text-transform: capitalize;
  border-radius: 4px;
  background-color: var(--light-cyan);
  color: var(--dark-cyan);
  border: 1px solid transparent;
  outline: none;
  font-weight: 600;
}

/* line 730, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item div.border {
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.15);
  height: 2px;
  width: 90%;
  margin: 20px auto;
}

/* line 738, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item button.profile__button__more-info {
  position: absolute;
  bottom: -2px;
  background-color: var(--dark-cyan);
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid transparent;
  outline: none;
  transform: translate(-50%);
  left: 50%;
  bottom: -22px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 753, app/assets/stylesheets/static-pages/view-profile.scss */
ul.profile__enroll li.profile__enroll__item button.profile__button__more-info i {
  transition: transform 300ms ease-in-out;
}

/* line 761, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__class-type::after {
  content: '';
  display: block;
  clear: both;
}

/* line 767, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__class-type button.profile__class-button {
  padding: 10px 10px;
  border: 1px solid transparent;
  outline: none;
  color: var(--text-color);
  font-weight: 300;
  cursor: pointer;
  float: left;
  background-color: transparent;
  transition: color 270ms ease-in-out, background-color 130ms ease-in-out;
}

/* line 777, app/assets/stylesheets/static-pages/view-profile.scss */
div.profile__class-type button.profile__class-button.active {
  color: var(--accent-two-shade-4);
}

@media (max-width: 650px) {
  /* line 767, app/assets/stylesheets/static-pages/view-profile.scss */
  div.profile__class-type button.profile__class-button {
    float: none;
    display: block;
    width: 100%;
  }
  /* line 784, app/assets/stylesheets/static-pages/view-profile.scss */
  div.profile__class-type button.profile__class-button.active {
    color: #fff;
    background-color: var(--accent-one-shade-3);
  }
}

/* line 793, app/assets/stylesheets/static-pages/view-profile.scss */
.for_button {
  transform: translateX(-50%);
  bottom: 15px;
  display: inline-block;
  padding: 10px;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 300ms ease-in-out;
  width: 145px;
}
/* line 2, app/assets/stylesheets/store-purchases/success.scss */
div.store-purchases.success div.container--element {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 10, app/assets/stylesheets/store-purchases/success.scss */
div.store-purchases.success div.container--element div.shield--image--container {
  width: 200px;
  overflow: hidden;
}

/* line 13, app/assets/stylesheets/store-purchases/success.scss */
div.store-purchases.success div.container--element div.shield--image--container img {
  width: 100%;
  height: auto;
}

/* line 18, app/assets/stylesheets/store-purchases/success.scss */
div.store-purchases.success div.container--element div.thanks {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8);
}

/* line 24, app/assets/stylesheets/store-purchases/success.scss */
div.store-purchases.success div.container--element p {
  font-size: 14px;
  color: var(--dark-text);
}
/* line 1, app/assets/stylesheets/style/_classes.scss */
.constrained-container {
  max-width: 1400px;
  width: 100%;
  background-color: #fff;
}

@media (max-width: 1399px) {
  /* line 1, app/assets/stylesheets/style/_classes.scss */
  .constrained-container {
    width: 95%;
  }
}

/* line 10, app/assets/stylesheets/style/_classes.scss */
.container-element {
  max-width: 1400px;
  width: 100%;
  margin: auto;
  padding: 15px 30px;
}

@media (max-width: 450px) {
  /* line 10, app/assets/stylesheets/style/_classes.scss */
  .container-element {
    padding: 20px 10px;
  }
}

/* line 21, app/assets/stylesheets/style/_classes.scss */
.dark-text {
  color: var(--dark-text);
}

/* line 25, app/assets/stylesheets/style/_classes.scss */
.main-container {
  max-width: 1400px;
  margin: auto;
  padding: 40px 20px;
}

@media (max-width: 450px) {
  /* line 25, app/assets/stylesheets/style/_classes.scss */
  .main-container {
    padding: 15px 20px;
  }
}

/* line 34, app/assets/stylesheets/style/_classes.scss */
.margin-20 {
  margin: 20px;
}

/* line 38, app/assets/stylesheets/style/_classes.scss */
.margin-30 {
  margin: 30px;
}

/* line 42, app/assets/stylesheets/style/_classes.scss */
.margin-40 {
  margin: 40px;
}

/* line 46, app/assets/stylesheets/style/_classes.scss */
.margin-left-right-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 51, app/assets/stylesheets/style/_classes.scss */
.margin-top-bottom-20 {
  margin: 20px auto;
}

/* line 55, app/assets/stylesheets/style/_classes.scss */
.margin-top-bottom-30 {
  margin: 30px 0;
}

/* line 59, app/assets/stylesheets/style/_classes.scss */
.margin-top-bottom-40 {
  margin: 40px auto;
}

/* line 63, app/assets/stylesheets/style/_classes.scss */
.margin-bottom-10 {
  margin-bottom: 10px;
}

/* line 67, app/assets/stylesheets/style/_classes.scss */
.margin-bottom-20 {
  margin-bottom: 20px;
}

/* line 71, app/assets/stylesheets/style/_classes.scss */
.margin-bottom-30 {
  margin-bottom: 30px;
}

/* line 75, app/assets/stylesheets/style/_classes.scss */
.margin-bottom-40 {
  margin-bottom: 40px;
}

/* line 79, app/assets/stylesheets/style/_classes.scss */
.margin-right-10 {
  margin-right: 10px;
}

/* line 83, app/assets/stylesheets/style/_classes.scss */
.margin-right-20 {
  margin-right: 20px;
}

/* line 87, app/assets/stylesheets/style/_classes.scss */
.margin-right-30 {
  margin-right: 30px;
}

/* line 91, app/assets/stylesheets/style/_classes.scss */
.margin-right-40 {
  margin-right: 40px;
}

/* line 95, app/assets/stylesheets/style/_classes.scss */
.margin-top-20 {
  margin-top: 20px;
}

/* line 99, app/assets/stylesheets/style/_classes.scss */
.margin-top-30 {
  margin: 30px auto auto auto;
}

/* line 103, app/assets/stylesheets/style/_classes.scss */
.margin-top-40 {
  margin-top: 40px;
}

/* line 107, app/assets/stylesheets/style/_classes.scss */
.padding-10 {
  padding: 10px;
}

/* line 111, app/assets/stylesheets/style/_classes.scss */
.padding-20 {
  padding: 20px;
}

/* line 115, app/assets/stylesheets/style/_classes.scss */
.padding-30 {
  padding: 30px;
}

/* line 119, app/assets/stylesheets/style/_classes.scss */
.padding-40 {
  padding: 40px;
}

/* line 123, app/assets/stylesheets/style/_classes.scss */
.padding-top-bottom-20 {
  padding: 20px auto;
}

/* line 127, app/assets/stylesheets/style/_classes.scss */
.padding-top-bottom-30 {
  padding: 30px auto;
}

/* line 131, app/assets/stylesheets/style/_classes.scss */
.padding-top-bottom-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 136, app/assets/stylesheets/style/_classes.scss */
.ripple {
  position: relative;
  overflow: hidden;
}

/* line 140, app/assets/stylesheets/style/_classes.scss */
.ripple:not([disabled]):active::after {
  transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  transition: 0s;
}

/* line 146, app/assets/stylesheets/style/_classes.scss */
.ripple::after {
  content: '';
  position: absolute;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(15);
  background-image: radial-gradient(circle, #fff 10%, transparent 10%);
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
  opacity: 0;
}

/* line 161, app/assets/stylesheets/style/_classes.scss */
.text-align-center {
  text-align: center;
}
/* line 1, app/assets/stylesheets/style/element.scss */
*, *::before, *::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/style/element.scss */
body, html {
  font-size: 16px;
  background-color: #f2f3f8;
}

/* line 12, app/assets/stylesheets/style/element.scss */
h1 {
  font-size: 2em;
  line-height: 1.25;
}

@media (min-width: 768px) {
  /* line 12, app/assets/stylesheets/style/element.scss */
  h1 {
    font-size: 2.5em;
    line-height: 1.125;
  }
}

@media (min-width: 992px) {
  /* line 12, app/assets/stylesheets/style/element.scss */
  h1 {
    font-size: 3em;
    line-height: 1.05;
  }
}

/* line 25, app/assets/stylesheets/style/element.scss */
h2 {
  font-size: 1.625em;
  line-height: 1.15384615;
}

@media (min-width: 768px) {
  /* line 25, app/assets/stylesheets/style/element.scss */
  h2 {
    font-size: 2em;
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  /* line 25, app/assets/stylesheets/style/element.scss */
  h2 {
    font-size: 2.25em;
    line-height: 1.25;
  }
}

/* line 38, app/assets/stylesheets/style/element.scss */
h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
}

@media (min-width: 768px) {
  /* line 38, app/assets/stylesheets/style/element.scss */
  h3 {
    font-size: 1.5em;
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  /* line 38, app/assets/stylesheets/style/element.scss */
  h3 {
    font-size: 1.75em;
    line-height: 1.25;
  }
}

/* line 51, app/assets/stylesheets/style/element.scss */
h4 {
  font-size: 1.125em;
  line-height: 1.11111111;
}

@media (min-width: 768px) {
  /* line 51, app/assets/stylesheets/style/element.scss */
  h4 {
    line-height: 1.22222222;
  }
}

/* line 59, app/assets/stylesheets/style/element.scss */
blockquote {
  font-size: 1.25em;
  line-height: 1.25;
}

@media (min-width: 768px) {
  /* line 65, app/assets/stylesheets/style/element.scss */
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833333;
  }
}

/* line 71, app/assets/stylesheets/style/element.scss */
button.rectangle--small, a.rectangle--small, button.rectangle--medium, a.rectangle--medium, button.rectangle--large, a.rectangle--large {
  width: 144px;
  border-radius: 4px;
}

/* line 76, app/assets/stylesheets/style/element.scss */
button, a {
  cursor: pointer;
  border: none;
  outline: none;
}

/* line 81, app/assets/stylesheets/style/element.scss */
button.shadow, a.shadow {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
}

/* line 91, app/assets/stylesheets/style/element.scss */
button.rectangle--large, a.rectangle--large {
  height: 72px;
}

/* line 96, app/assets/stylesheets/style/element.scss */
button.rectangle--medium, a.rectangle--medium {
  height: 60px;
}

/* line 101, app/assets/stylesheets/style/element.scss */
button.rectangle--small, a.rectangle--small {
  height: 42px;
}

/* line 106, app/assets/stylesheets/style/element.scss */
button.round--large, a.round--large {
  width: 72px;
  height: 72px;
  border-radius: 50%;
}

/* line 110, app/assets/stylesheets/style/element.scss */
button.round--medium, a.round--medium {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

/* line 114, app/assets/stylesheets/style/element.scss */
button.round--small, a.round--small {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

/* line 119, app/assets/stylesheets/style/element.scss */
label.block-label {
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* line 123, app/assets/stylesheets/style/element.scss */
label.block-label input[type=radio] {
  margin: 0 5px 0 0;
}

/* line 126, app/assets/stylesheets/style/element.scss */
label.block-label span {
  position: relative;
  top: 2px;
}

/* line 132, app/assets/stylesheets/style/element.scss */
label.input--group {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  position: relative;
}

/* line 137, app/assets/stylesheets/style/element.scss */
label.input--group span.input--group__error {
  position: absolute;
  font-size: 14px;
  color: var(--dark-red);
  bottom: -20px;
  left: 0;
  visibility: hidden;
}

/* line 144, app/assets/stylesheets/style/element.scss */
label.input--group span.input--group__error.visible {
  visibility: visible;
}

/* line 149, app/assets/stylesheets/style/element.scss */
label.input--group span.input--group__icon {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  display: inline-block;
  background-color: #f7f8fa;
  color: #74788d;
  padding: 10px 17px;
  border: none;
}

/* line 157, app/assets/stylesheets/style/element.scss */
label.input--group input {
  border: none;
  padding: 0 7px;
}

/* line 163, app/assets/stylesheets/style/element.scss */
label.toggle--element {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  box-shadow: var(--shadow-type-1);
  background-color: #e8ebf1;
}

/* line 173, app/assets/stylesheets/style/element.scss */
label.toggle--element input[type=checkbox] {
  position: absolute;
  left: -50px;
  cursor: pointer;
}

/* line 177, app/assets/stylesheets/style/element.scss */
label.toggle--element input[type=checkbox]:checked ~ span {
  background-color: #e8ebf1;
}

/* line 179, app/assets/stylesheets/style/element.scss */
label.toggle--element input[type=checkbox]:checked ~ span::before {
  background-color: var(--accent-two-shade-2);
  left: 25px;
}

/* line 186, app/assets/stylesheets/style/element.scss */
label.toggle--element span.toggle--element__state-indicator {
  display: block;
  height: inherit;
  position: relative;
}

/* line 190, app/assets/stylesheets/style/element.scss */
label.toggle--element span.toggle--element__state-indicator::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  transition: left 300ms ease-in-out, background-color 270ms ease-in-out;
}

/* line 205, app/assets/stylesheets/style/element.scss */
div.page-container {
  position: relative;
  min-height: 100vh;
  background-color: #fff;
}

/* line 211, app/assets/stylesheets/style/element.scss */
button.edit-page-content {
  display: block;
  margin-top: 20px;
  background-color: var(--accent-two-shade-2);
  color: #ffffff;
  border-radius: 4px;
  transition: background-color 350ms ease-in-out;
}

/* line 218, app/assets/stylesheets/style/element.scss */
button.edit-page-content:hover {
  background-color: #1A237E;
}

@media (max-width: 450px) {
  /* line 211, app/assets/stylesheets/style/element.scss */
  button.edit-page-content {
    width: 100%;
  }
}

/* line 226, app/assets/stylesheets/style/element.scss */
div.content-editor {
  margin-right: 20px;
  transition: opacity 350ms ease-in-out;
  overflow: auto;
  height: auto;
}

/* line 231, app/assets/stylesheets/style/element.scss */
div.content-editor input[type=submit] {
  display: block;
  margin-top: 20px;
  width: 190px;
  padding: 15px;
  background-color: #D79B07;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 4px;
  transition: background-color 300ms ease-in-out, color 300ms ease-in;
}

/* line 242, app/assets/stylesheets/style/element.scss */
div.content-editor input[type=submit]:hover {
  background-color: var(--cyan);
  color: #ffffff;
}

/* line 249, app/assets/stylesheets/style/element.scss */
button.button,
input.button[type=submit] {
  padding: 10px 15px;
  text-transform: uppercase;
  display: block;
  border-radius: 2px;
  background-color: var(--accent-one-shade-2);
  color: #fff;
  font-size: 16px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.15);
  border: none;
}

/* line 261, app/assets/stylesheets/style/element.scss */
button.button.medium,
input.button.medium[type=submit] {
  width: 120px;
}

/* line 266, app/assets/stylesheets/style/element.scss */
button.purple-button {
  margin: 20px auto 0 auto;
  display: block;
  background-color: var(--accent-one-shade-3);
  color: #fff;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

/* line 276, app/assets/stylesheets/style/element.scss */
button.purple-button:hover {
  background-color: var(--accent-one-shade-4);
  color: var(--light-cyan);
}

/* line 282, app/assets/stylesheets/style/element.scss */
div.select__element__container {
  display: inline-block;
  background-image: url(/assets/icons/down-arrow-24d151e7c4d7cbb05b3f530d008e63c89cdd0a1765232f3997450b528c7bd630.png);
  background-color: transparent;
  background-position: right;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  position: relative;
}

/* line 291, app/assets/stylesheets/style/element.scss */
div.select__element__container select {
  cursor: pointer;
  padding-right: 30px;
  height: 40px;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 0;
  outline: none;
  background-color: transparent;
  max-width: 305px;
}

/* line 308, app/assets/stylesheets/style/element.scss */
img.header__logo {
  height: 130px;
  width: auto;
}

/* line 314, app/assets/stylesheets/style/element.scss */
div.radio-group-element[data-display=block] {
  flex-direction: column;
}

/* line 316, app/assets/stylesheets/style/element.scss */
div.radio-group-element[data-display=block] div.label__block {
  display: flex;
  align-items: center;
}

/* line 319, app/assets/stylesheets/style/element.scss */
div.radio-group-element[data-display=block] div.label__block span.label__text {
  min-width: 60px;
  display: inline-block;
}

/* line 325, app/assets/stylesheets/style/element.scss */
div.radio-group-element label {
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
}

/* line 330, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.label__text {
  min-width: 60px;
}

/* line 333, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container {
  position: relative;
  height: 35px;
  width: 35px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
}

/* line 340, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container input[type=radio] {
  position: absolute;
  left: -80px;
}

/* line 344, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container input[type=radio]:checked ~ span.label__radio-sphere::before {
  transform: translate(-50%, -50%) scale(1);
}

/* line 348, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container input[type=radio]:active ~ span.label__radio-sphere::after {
  transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  transition: 0s;
}

/* line 354, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container span.label__radio-sphere {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 364, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container span.label__radio-sphere::before {
  content: '';
  position: absolute;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  background-color: var(--accent-two-shade-3);
  transition: transform 300ms ease-in-out;
  border: 1px solid transparent;
}

/* line 378, app/assets/stylesheets/style/element.scss */
div.radio-group-element label span.input__container span.label__radio-sphere::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(15);
  background-image: radial-gradient(circle, var(--accent-two-shade-3) 10%, transparent 10%);
  transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
  opacity: 0;
}

/* line 396, app/assets/stylesheets/style/element.scss */
div.select--pair {
  position: relative;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

/* line 400, app/assets/stylesheets/style/element.scss */
div.select--pair select {
  padding: 10px 15px;
  padding-right: 30px;
  appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
}

/* line 410, app/assets/stylesheets/style/element.scss */
div.select--pair label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;
  cursor: pointer;
}

/* line 420, app/assets/stylesheets/style/element.scss */
div.notice--element {
  border: 1px solid var(--accent-one-shade-4);
  padding: 20px;
  display: flex;
  align-items: center;
}

/* line 425, app/assets/stylesheets/style/element.scss */
div.notice--element span {
  color: var(--accent-one-shade-4);
  font-size: 16px;
}

/* line 428, app/assets/stylesheets/style/element.scss */
div.notice--element span.ti-alert {
  font-size: 30px;
  margin-right: 20px;
}
/* line 1, app/assets/stylesheets/style/table-element.scss */
div.table--element {
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: auto;
}

/* line 4, app/assets/stylesheets/style/table-element.scss */
div.table--element table {
  width: 100%;
  background-color: #fff;
}

@media (max-width: 600px) {
  /* line 4, app/assets/stylesheets/style/table-element.scss */
  div.table--element table {
    width: 600px;
  }
}

/* line 10, app/assets/stylesheets/style/table-element.scss */
div.table--element table th, div.table--element table td {
  padding: 15px 10px;
}

/* line 14, app/assets/stylesheets/style/table-element.scss */
div.table--element table thead tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

/* line 17, app/assets/stylesheets/style/table-element.scss */
div.table--element table thead th {
  width: 33%;
  font-weight: 700;
}

/* line 22, app/assets/stylesheets/style/table-element.scss */
div.table--element table tr:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
:root {
    --cyan: #daf9f0;
    --dark-background: #343948;
    --dark-cyan: #09c199;
    --dark-grey: #42495b;
    --dark-red: #b71c1c;
    --dark-text: #212529;
    --light-background: #ebedf2;
    --light-cyan: #daf9f0;
    --light-grey: #939db4;
    --text-color: #42495b;

    --shadow-type-1: 0 0 13px 0 rgba(82, 63, 105, .05);
    --shadow-type-2: 0 1px 3px 0px rgba(0, 0, 0, 0.2);

    --primary-shade-1: #7bace6;
    --primary-shade-2: #5190db;
    --primary-shade-3: #0e63c9;
    --primary-shade-4: #084894;

    --accent-one-shade-1: #72e6c6;
    --accent-one-shade-2: #45dbb2;
    --accent-one-shade-3: #00c992;
    --accent-one-shade-4: #00956b;

    --accent-two-shade-1: #8e83e9;
    --accent-two-shade-2: #695bdf;
    --accent-two-shade-3: #2c18cf;
    --accent-two-shade-4: #1e0f9d;

    --complement-shade-1: #ffcd7e;
    --complement-shade-2: #ffbb51;
    --complement-shade-3: #ff9c00;
    --complement-shade-4: #e38b00;
}
@font-face {
  font-family: 'themify';
  src: url(/themify.woff) format("woff");
}

/* line 6, app/assets/stylesheets/themify.scss */
[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 19, app/assets/stylesheets/themify.scss */
.ti-wand:before {
  content: "\e600";
}

/* line 22, app/assets/stylesheets/themify.scss */
.ti-volume:before {
  content: "\e601";
}

/* line 25, app/assets/stylesheets/themify.scss */
.ti-user:before {
  content: "\e602";
}

/* line 28, app/assets/stylesheets/themify.scss */
.ti-unlock:before {
  content: "\e603";
}

/* line 31, app/assets/stylesheets/themify.scss */
.ti-unlink:before {
  content: "\e604";
}

/* line 34, app/assets/stylesheets/themify.scss */
.ti-trash:before {
  content: "\e605";
}

/* line 37, app/assets/stylesheets/themify.scss */
.ti-thought:before {
  content: "\e606";
}

/* line 40, app/assets/stylesheets/themify.scss */
.ti-target:before {
  content: "\e607";
}

/* line 43, app/assets/stylesheets/themify.scss */
.ti-tag:before {
  content: "\e608";
}

/* line 46, app/assets/stylesheets/themify.scss */
.ti-tablet:before {
  content: "\e609";
}

/* line 49, app/assets/stylesheets/themify.scss */
.ti-star:before {
  content: "\e60a";
}

/* line 52, app/assets/stylesheets/themify.scss */
.ti-spray:before {
  content: "\e60b";
}

/* line 55, app/assets/stylesheets/themify.scss */
.ti-signal:before {
  content: "\e60c";
}

/* line 58, app/assets/stylesheets/themify.scss */
.ti-shopping-cart:before {
  content: "\e60d";
}

/* line 61, app/assets/stylesheets/themify.scss */
.ti-shopping-cart-full:before {
  content: "\e60e";
}

/* line 64, app/assets/stylesheets/themify.scss */
.ti-settings:before {
  content: "\e60f";
}

/* line 67, app/assets/stylesheets/themify.scss */
.ti-search:before {
  content: "\e610";
}

/* line 70, app/assets/stylesheets/themify.scss */
.ti-zoom-in:before {
  content: "\e611";
}

/* line 73, app/assets/stylesheets/themify.scss */
.ti-zoom-out:before {
  content: "\e612";
}

/* line 76, app/assets/stylesheets/themify.scss */
.ti-cut:before {
  content: "\e613";
}

/* line 79, app/assets/stylesheets/themify.scss */
.ti-ruler:before {
  content: "\e614";
}

/* line 82, app/assets/stylesheets/themify.scss */
.ti-ruler-pencil:before {
  content: "\e615";
}

/* line 85, app/assets/stylesheets/themify.scss */
.ti-ruler-alt:before {
  content: "\e616";
}

/* line 88, app/assets/stylesheets/themify.scss */
.ti-bookmark:before {
  content: "\e617";
}

/* line 91, app/assets/stylesheets/themify.scss */
.ti-bookmark-alt:before {
  content: "\e618";
}

/* line 94, app/assets/stylesheets/themify.scss */
.ti-reload:before {
  content: "\e619";
}

/* line 97, app/assets/stylesheets/themify.scss */
.ti-plus:before {
  content: "\e61a";
}

/* line 100, app/assets/stylesheets/themify.scss */
.ti-pin:before {
  content: "\e61b";
}

/* line 103, app/assets/stylesheets/themify.scss */
.ti-pencil:before {
  content: "\e61c";
}

/* line 106, app/assets/stylesheets/themify.scss */
.ti-pencil-alt:before {
  content: "\e61d";
}

/* line 109, app/assets/stylesheets/themify.scss */
.ti-paint-roller:before {
  content: "\e61e";
}

/* line 112, app/assets/stylesheets/themify.scss */
.ti-paint-bucket:before {
  content: "\e61f";
}

/* line 115, app/assets/stylesheets/themify.scss */
.ti-na:before {
  content: "\e620";
}

/* line 118, app/assets/stylesheets/themify.scss */
.ti-mobile:before {
  content: "\e621";
}

/* line 121, app/assets/stylesheets/themify.scss */
.ti-minus:before {
  content: "\e622";
}

/* line 124, app/assets/stylesheets/themify.scss */
.ti-medall:before {
  content: "\e623";
}

/* line 127, app/assets/stylesheets/themify.scss */
.ti-medall-alt:before {
  content: "\e624";
}

/* line 130, app/assets/stylesheets/themify.scss */
.ti-marker:before {
  content: "\e625";
}

/* line 133, app/assets/stylesheets/themify.scss */
.ti-marker-alt:before {
  content: "\e626";
}

/* line 136, app/assets/stylesheets/themify.scss */
.ti-arrow-up:before {
  content: "\e627";
}

/* line 139, app/assets/stylesheets/themify.scss */
.ti-arrow-right:before {
  content: "\e628";
}

/* line 142, app/assets/stylesheets/themify.scss */
.ti-arrow-left:before {
  content: "\e629";
}

/* line 145, app/assets/stylesheets/themify.scss */
.ti-arrow-down:before {
  content: "\e62a";
}

/* line 148, app/assets/stylesheets/themify.scss */
.ti-lock:before {
  content: "\e62b";
}

/* line 151, app/assets/stylesheets/themify.scss */
.ti-location-arrow:before {
  content: "\e62c";
}

/* line 154, app/assets/stylesheets/themify.scss */
.ti-link:before {
  content: "\e62d";
}

/* line 157, app/assets/stylesheets/themify.scss */
.ti-layout:before {
  content: "\e62e";
}

/* line 160, app/assets/stylesheets/themify.scss */
.ti-layers:before {
  content: "\e62f";
}

/* line 163, app/assets/stylesheets/themify.scss */
.ti-layers-alt:before {
  content: "\e630";
}

/* line 166, app/assets/stylesheets/themify.scss */
.ti-key:before {
  content: "\e631";
}

/* line 169, app/assets/stylesheets/themify.scss */
.ti-import:before {
  content: "\e632";
}

/* line 172, app/assets/stylesheets/themify.scss */
.ti-image:before {
  content: "\e633";
}

/* line 175, app/assets/stylesheets/themify.scss */
.ti-heart:before {
  content: "\e634";
}

/* line 178, app/assets/stylesheets/themify.scss */
.ti-heart-broken:before {
  content: "\e635";
}

/* line 181, app/assets/stylesheets/themify.scss */
.ti-hand-stop:before {
  content: "\e636";
}

/* line 184, app/assets/stylesheets/themify.scss */
.ti-hand-open:before {
  content: "\e637";
}

/* line 187, app/assets/stylesheets/themify.scss */
.ti-hand-drag:before {
  content: "\e638";
}

/* line 190, app/assets/stylesheets/themify.scss */
.ti-folder:before {
  content: "\e639";
}

/* line 193, app/assets/stylesheets/themify.scss */
.ti-flag:before {
  content: "\e63a";
}

/* line 196, app/assets/stylesheets/themify.scss */
.ti-flag-alt:before {
  content: "\e63b";
}

/* line 199, app/assets/stylesheets/themify.scss */
.ti-flag-alt-2:before {
  content: "\e63c";
}

/* line 202, app/assets/stylesheets/themify.scss */
.ti-eye:before {
  content: "\e63d";
}

/* line 205, app/assets/stylesheets/themify.scss */
.ti-export:before {
  content: "\e63e";
}

/* line 208, app/assets/stylesheets/themify.scss */
.ti-exchange-vertical:before {
  content: "\e63f";
}

/* line 211, app/assets/stylesheets/themify.scss */
.ti-desktop:before {
  content: "\e640";
}

/* line 214, app/assets/stylesheets/themify.scss */
.ti-cup:before {
  content: "\e641";
}

/* line 217, app/assets/stylesheets/themify.scss */
.ti-crown:before {
  content: "\e642";
}

/* line 220, app/assets/stylesheets/themify.scss */
.ti-comments:before {
  content: "\e643";
}

/* line 223, app/assets/stylesheets/themify.scss */
.ti-comment:before {
  content: "\e644";
}

/* line 226, app/assets/stylesheets/themify.scss */
.ti-comment-alt:before {
  content: "\e645";
}

/* line 229, app/assets/stylesheets/themify.scss */
.ti-close:before {
  content: "\e646";
}

/* line 232, app/assets/stylesheets/themify.scss */
.ti-clip:before {
  content: "\e647";
}

/* line 235, app/assets/stylesheets/themify.scss */
.ti-angle-up:before {
  content: "\e648";
}

/* line 238, app/assets/stylesheets/themify.scss */
.ti-angle-right:before {
  content: "\e649";
}

/* line 241, app/assets/stylesheets/themify.scss */
.ti-angle-left:before {
  content: "\e64a";
}

/* line 244, app/assets/stylesheets/themify.scss */
.ti-angle-down:before {
  content: "\e64b";
}

/* line 247, app/assets/stylesheets/themify.scss */
.ti-check:before {
  content: "\e64c";
}

/* line 250, app/assets/stylesheets/themify.scss */
.ti-check-box:before {
  content: "\e64d";
}

/* line 253, app/assets/stylesheets/themify.scss */
.ti-camera:before {
  content: "\e64e";
}

/* line 256, app/assets/stylesheets/themify.scss */
.ti-announcement:before {
  content: "\e64f";
}

/* line 259, app/assets/stylesheets/themify.scss */
.ti-brush:before {
  content: "\e650";
}

/* line 262, app/assets/stylesheets/themify.scss */
.ti-briefcase:before {
  content: "\e651";
}

/* line 265, app/assets/stylesheets/themify.scss */
.ti-bolt:before {
  content: "\e652";
}

/* line 268, app/assets/stylesheets/themify.scss */
.ti-bolt-alt:before {
  content: "\e653";
}

/* line 271, app/assets/stylesheets/themify.scss */
.ti-blackboard:before {
  content: "\e654";
}

/* line 274, app/assets/stylesheets/themify.scss */
.ti-bag:before {
  content: "\e655";
}

/* line 277, app/assets/stylesheets/themify.scss */
.ti-move:before {
  content: "\e656";
}

/* line 280, app/assets/stylesheets/themify.scss */
.ti-arrows-vertical:before {
  content: "\e657";
}

/* line 283, app/assets/stylesheets/themify.scss */
.ti-arrows-horizontal:before {
  content: "\e658";
}

/* line 286, app/assets/stylesheets/themify.scss */
.ti-fullscreen:before {
  content: "\e659";
}

/* line 289, app/assets/stylesheets/themify.scss */
.ti-arrow-top-right:before {
  content: "\e65a";
}

/* line 292, app/assets/stylesheets/themify.scss */
.ti-arrow-top-left:before {
  content: "\e65b";
}

/* line 295, app/assets/stylesheets/themify.scss */
.ti-arrow-circle-up:before {
  content: "\e65c";
}

/* line 298, app/assets/stylesheets/themify.scss */
.ti-arrow-circle-right:before {
  content: "\e65d";
}

/* line 301, app/assets/stylesheets/themify.scss */
.ti-arrow-circle-left:before {
  content: "\e65e";
}

/* line 304, app/assets/stylesheets/themify.scss */
.ti-arrow-circle-down:before {
  content: "\e65f";
}

/* line 307, app/assets/stylesheets/themify.scss */
.ti-angle-double-up:before {
  content: "\e660";
}

/* line 310, app/assets/stylesheets/themify.scss */
.ti-angle-double-right:before {
  content: "\e661";
}

/* line 313, app/assets/stylesheets/themify.scss */
.ti-angle-double-left:before {
  content: "\e662";
}

/* line 316, app/assets/stylesheets/themify.scss */
.ti-angle-double-down:before {
  content: "\e663";
}

/* line 319, app/assets/stylesheets/themify.scss */
.ti-zip:before {
  content: "\e664";
}

/* line 322, app/assets/stylesheets/themify.scss */
.ti-world:before {
  content: "\e665";
}

/* line 325, app/assets/stylesheets/themify.scss */
.ti-wheelchair:before {
  content: "\e666";
}

/* line 328, app/assets/stylesheets/themify.scss */
.ti-view-list:before {
  content: "\e667";
}

/* line 331, app/assets/stylesheets/themify.scss */
.ti-view-list-alt:before {
  content: "\e668";
}

/* line 334, app/assets/stylesheets/themify.scss */
.ti-view-grid:before {
  content: "\e669";
}

/* line 337, app/assets/stylesheets/themify.scss */
.ti-uppercase:before {
  content: "\e66a";
}

/* line 340, app/assets/stylesheets/themify.scss */
.ti-upload:before {
  content: "\e66b";
}

/* line 343, app/assets/stylesheets/themify.scss */
.ti-underline:before {
  content: "\e66c";
}

/* line 346, app/assets/stylesheets/themify.scss */
.ti-truck:before {
  content: "\e66d";
}

/* line 349, app/assets/stylesheets/themify.scss */
.ti-timer:before {
  content: "\e66e";
}

/* line 352, app/assets/stylesheets/themify.scss */
.ti-ticket:before {
  content: "\e66f";
}

/* line 355, app/assets/stylesheets/themify.scss */
.ti-thumb-up:before {
  content: "\e670";
}

/* line 358, app/assets/stylesheets/themify.scss */
.ti-thumb-down:before {
  content: "\e671";
}

/* line 361, app/assets/stylesheets/themify.scss */
.ti-text:before {
  content: "\e672";
}

/* line 364, app/assets/stylesheets/themify.scss */
.ti-stats-up:before {
  content: "\e673";
}

/* line 367, app/assets/stylesheets/themify.scss */
.ti-stats-down:before {
  content: "\e674";
}

/* line 370, app/assets/stylesheets/themify.scss */
.ti-split-v:before {
  content: "\e675";
}

/* line 373, app/assets/stylesheets/themify.scss */
.ti-split-h:before {
  content: "\e676";
}

/* line 376, app/assets/stylesheets/themify.scss */
.ti-smallcap:before {
  content: "\e677";
}

/* line 379, app/assets/stylesheets/themify.scss */
.ti-shine:before {
  content: "\e678";
}

/* line 382, app/assets/stylesheets/themify.scss */
.ti-shift-right:before {
  content: "\e679";
}

/* line 385, app/assets/stylesheets/themify.scss */
.ti-shift-left:before {
  content: "\e67a";
}

/* line 388, app/assets/stylesheets/themify.scss */
.ti-shield:before {
  content: "\e67b";
}

/* line 391, app/assets/stylesheets/themify.scss */
.ti-notepad:before {
  content: "\e67c";
}

/* line 394, app/assets/stylesheets/themify.scss */
.ti-server:before {
  content: "\e67d";
}

/* line 397, app/assets/stylesheets/themify.scss */
.ti-quote-right:before {
  content: "\e67e";
}

/* line 400, app/assets/stylesheets/themify.scss */
.ti-quote-left:before {
  content: "\e67f";
}

/* line 403, app/assets/stylesheets/themify.scss */
.ti-pulse:before {
  content: "\e680";
}

/* line 406, app/assets/stylesheets/themify.scss */
.ti-printer:before {
  content: "\e681";
}

/* line 409, app/assets/stylesheets/themify.scss */
.ti-power-off:before {
  content: "\e682";
}

/* line 412, app/assets/stylesheets/themify.scss */
.ti-plug:before {
  content: "\e683";
}

/* line 415, app/assets/stylesheets/themify.scss */
.ti-pie-chart:before {
  content: "\e684";
}

/* line 418, app/assets/stylesheets/themify.scss */
.ti-paragraph:before {
  content: "\e685";
}

/* line 421, app/assets/stylesheets/themify.scss */
.ti-panel:before {
  content: "\e686";
}

/* line 424, app/assets/stylesheets/themify.scss */
.ti-package:before {
  content: "\e687";
}

/* line 427, app/assets/stylesheets/themify.scss */
.ti-music:before {
  content: "\e688";
}

/* line 430, app/assets/stylesheets/themify.scss */
.ti-music-alt:before {
  content: "\e689";
}

/* line 433, app/assets/stylesheets/themify.scss */
.ti-mouse:before {
  content: "\e68a";
}

/* line 436, app/assets/stylesheets/themify.scss */
.ti-mouse-alt:before {
  content: "\e68b";
}

/* line 439, app/assets/stylesheets/themify.scss */
.ti-money:before {
  content: "\e68c";
}

/* line 442, app/assets/stylesheets/themify.scss */
.ti-microphone:before {
  content: "\e68d";
}

/* line 445, app/assets/stylesheets/themify.scss */
.ti-menu:before {
  content: "\e68e";
}

/* line 448, app/assets/stylesheets/themify.scss */
.ti-menu-alt:before {
  content: "\e68f";
}

/* line 451, app/assets/stylesheets/themify.scss */
.ti-map:before {
  content: "\e690";
}

/* line 454, app/assets/stylesheets/themify.scss */
.ti-map-alt:before {
  content: "\e691";
}

/* line 457, app/assets/stylesheets/themify.scss */
.ti-loop:before {
  content: "\e692";
}

/* line 460, app/assets/stylesheets/themify.scss */
.ti-location-pin:before {
  content: "\e693";
}

/* line 463, app/assets/stylesheets/themify.scss */
.ti-list:before {
  content: "\e694";
}

/* line 466, app/assets/stylesheets/themify.scss */
.ti-light-bulb:before {
  content: "\e695";
}

/* line 469, app/assets/stylesheets/themify.scss */
.ti-Italic:before {
  content: "\e696";
}

/* line 472, app/assets/stylesheets/themify.scss */
.ti-info:before {
  content: "\e697";
}

/* line 475, app/assets/stylesheets/themify.scss */
.ti-infinite:before {
  content: "\e698";
}

/* line 478, app/assets/stylesheets/themify.scss */
.ti-id-badge:before {
  content: "\e699";
}

/* line 481, app/assets/stylesheets/themify.scss */
.ti-hummer:before {
  content: "\e69a";
}

/* line 484, app/assets/stylesheets/themify.scss */
.ti-home:before {
  content: "\e69b";
}

/* line 487, app/assets/stylesheets/themify.scss */
.ti-help:before {
  content: "\e69c";
}

/* line 490, app/assets/stylesheets/themify.scss */
.ti-headphone:before {
  content: "\e69d";
}

/* line 493, app/assets/stylesheets/themify.scss */
.ti-harddrives:before {
  content: "\e69e";
}

/* line 496, app/assets/stylesheets/themify.scss */
.ti-harddrive:before {
  content: "\e69f";
}

/* line 499, app/assets/stylesheets/themify.scss */
.ti-gift:before {
  content: "\e6a0";
}

/* line 502, app/assets/stylesheets/themify.scss */
.ti-game:before {
  content: "\e6a1";
}

/* line 505, app/assets/stylesheets/themify.scss */
.ti-filter:before {
  content: "\e6a2";
}

/* line 508, app/assets/stylesheets/themify.scss */
.ti-files:before {
  content: "\e6a3";
}

/* line 511, app/assets/stylesheets/themify.scss */
.ti-file:before {
  content: "\e6a4";
}

/* line 514, app/assets/stylesheets/themify.scss */
.ti-eraser:before {
  content: "\e6a5";
}

/* line 517, app/assets/stylesheets/themify.scss */
.ti-envelope:before {
  content: "\e6a6";
}

/* line 520, app/assets/stylesheets/themify.scss */
.ti-download:before {
  content: "\e6a7";
}

/* line 523, app/assets/stylesheets/themify.scss */
.ti-direction:before {
  content: "\e6a8";
}

/* line 526, app/assets/stylesheets/themify.scss */
.ti-direction-alt:before {
  content: "\e6a9";
}

/* line 529, app/assets/stylesheets/themify.scss */
.ti-dashboard:before {
  content: "\e6aa";
}

/* line 532, app/assets/stylesheets/themify.scss */
.ti-control-stop:before {
  content: "\e6ab";
}

/* line 535, app/assets/stylesheets/themify.scss */
.ti-control-shuffle:before {
  content: "\e6ac";
}

/* line 538, app/assets/stylesheets/themify.scss */
.ti-control-play:before {
  content: "\e6ad";
}

/* line 541, app/assets/stylesheets/themify.scss */
.ti-control-pause:before {
  content: "\e6ae";
}

/* line 544, app/assets/stylesheets/themify.scss */
.ti-control-forward:before {
  content: "\e6af";
}

/* line 547, app/assets/stylesheets/themify.scss */
.ti-control-backward:before {
  content: "\e6b0";
}

/* line 550, app/assets/stylesheets/themify.scss */
.ti-cloud:before {
  content: "\e6b1";
}

/* line 553, app/assets/stylesheets/themify.scss */
.ti-cloud-up:before {
  content: "\e6b2";
}

/* line 556, app/assets/stylesheets/themify.scss */
.ti-cloud-down:before {
  content: "\e6b3";
}

/* line 559, app/assets/stylesheets/themify.scss */
.ti-clipboard:before {
  content: "\e6b4";
}

/* line 562, app/assets/stylesheets/themify.scss */
.ti-car:before {
  content: "\e6b5";
}

/* line 565, app/assets/stylesheets/themify.scss */
.ti-calendar:before {
  content: "\e6b6";
}

/* line 568, app/assets/stylesheets/themify.scss */
.ti-book:before {
  content: "\e6b7";
}

/* line 571, app/assets/stylesheets/themify.scss */
.ti-bell:before {
  content: "\e6b8";
}

/* line 574, app/assets/stylesheets/themify.scss */
.ti-basketball:before {
  content: "\e6b9";
}

/* line 577, app/assets/stylesheets/themify.scss */
.ti-bar-chart:before {
  content: "\e6ba";
}

/* line 580, app/assets/stylesheets/themify.scss */
.ti-bar-chart-alt:before {
  content: "\e6bb";
}

/* line 583, app/assets/stylesheets/themify.scss */
.ti-back-right:before {
  content: "\e6bc";
}

/* line 586, app/assets/stylesheets/themify.scss */
.ti-back-left:before {
  content: "\e6bd";
}

/* line 589, app/assets/stylesheets/themify.scss */
.ti-arrows-corner:before {
  content: "\e6be";
}

/* line 592, app/assets/stylesheets/themify.scss */
.ti-archive:before {
  content: "\e6bf";
}

/* line 595, app/assets/stylesheets/themify.scss */
.ti-anchor:before {
  content: "\e6c0";
}

/* line 598, app/assets/stylesheets/themify.scss */
.ti-align-right:before {
  content: "\e6c1";
}

/* line 601, app/assets/stylesheets/themify.scss */
.ti-align-left:before {
  content: "\e6c2";
}

/* line 604, app/assets/stylesheets/themify.scss */
.ti-align-justify:before {
  content: "\e6c3";
}

/* line 607, app/assets/stylesheets/themify.scss */
.ti-align-center:before {
  content: "\e6c4";
}

/* line 610, app/assets/stylesheets/themify.scss */
.ti-alert:before {
  content: "\e6c5";
}

/* line 613, app/assets/stylesheets/themify.scss */
.ti-alarm-clock:before {
  content: "\e6c6";
}

/* line 616, app/assets/stylesheets/themify.scss */
.ti-agenda:before {
  content: "\e6c7";
}

/* line 619, app/assets/stylesheets/themify.scss */
.ti-write:before {
  content: "\e6c8";
}

/* line 622, app/assets/stylesheets/themify.scss */
.ti-window:before {
  content: "\e6c9";
}

/* line 625, app/assets/stylesheets/themify.scss */
.ti-widgetized:before {
  content: "\e6ca";
}

/* line 628, app/assets/stylesheets/themify.scss */
.ti-widget:before {
  content: "\e6cb";
}

/* line 631, app/assets/stylesheets/themify.scss */
.ti-widget-alt:before {
  content: "\e6cc";
}

/* line 634, app/assets/stylesheets/themify.scss */
.ti-wallet:before {
  content: "\e6cd";
}

/* line 637, app/assets/stylesheets/themify.scss */
.ti-video-clapper:before {
  content: "\e6ce";
}

/* line 640, app/assets/stylesheets/themify.scss */
.ti-video-camera:before {
  content: "\e6cf";
}

/* line 643, app/assets/stylesheets/themify.scss */
.ti-vector:before {
  content: "\e6d0";
}

/* line 646, app/assets/stylesheets/themify.scss */
.ti-themify-logo:before {
  content: "\e6d1";
}

/* line 649, app/assets/stylesheets/themify.scss */
.ti-themify-favicon:before {
  content: "\e6d2";
}

/* line 652, app/assets/stylesheets/themify.scss */
.ti-themify-favicon-alt:before {
  content: "\e6d3";
}

/* line 655, app/assets/stylesheets/themify.scss */
.ti-support:before {
  content: "\e6d4";
}

/* line 658, app/assets/stylesheets/themify.scss */
.ti-stamp:before {
  content: "\e6d5";
}

/* line 661, app/assets/stylesheets/themify.scss */
.ti-split-v-alt:before {
  content: "\e6d6";
}

/* line 664, app/assets/stylesheets/themify.scss */
.ti-slice:before {
  content: "\e6d7";
}

/* line 667, app/assets/stylesheets/themify.scss */
.ti-shortcode:before {
  content: "\e6d8";
}

/* line 670, app/assets/stylesheets/themify.scss */
.ti-shift-right-alt:before {
  content: "\e6d9";
}

/* line 673, app/assets/stylesheets/themify.scss */
.ti-shift-left-alt:before {
  content: "\e6da";
}

/* line 676, app/assets/stylesheets/themify.scss */
.ti-ruler-alt-2:before {
  content: "\e6db";
}

/* line 679, app/assets/stylesheets/themify.scss */
.ti-receipt:before {
  content: "\e6dc";
}

/* line 682, app/assets/stylesheets/themify.scss */
.ti-pin2:before {
  content: "\e6dd";
}

/* line 685, app/assets/stylesheets/themify.scss */
.ti-pin-alt:before {
  content: "\e6de";
}

/* line 688, app/assets/stylesheets/themify.scss */
.ti-pencil-alt2:before {
  content: "\e6df";
}

/* line 691, app/assets/stylesheets/themify.scss */
.ti-palette:before {
  content: "\e6e0";
}

/* line 694, app/assets/stylesheets/themify.scss */
.ti-more:before {
  content: "\e6e1";
}

/* line 697, app/assets/stylesheets/themify.scss */
.ti-more-alt:before {
  content: "\e6e2";
}

/* line 700, app/assets/stylesheets/themify.scss */
.ti-microphone-alt:before {
  content: "\e6e3";
}

/* line 703, app/assets/stylesheets/themify.scss */
.ti-magnet:before {
  content: "\e6e4";
}

/* line 706, app/assets/stylesheets/themify.scss */
.ti-line-double:before {
  content: "\e6e5";
}

/* line 709, app/assets/stylesheets/themify.scss */
.ti-line-dotted:before {
  content: "\e6e6";
}

/* line 712, app/assets/stylesheets/themify.scss */
.ti-line-dashed:before {
  content: "\e6e7";
}

/* line 715, app/assets/stylesheets/themify.scss */
.ti-layout-width-full:before {
  content: "\e6e8";
}

/* line 718, app/assets/stylesheets/themify.scss */
.ti-layout-width-default:before {
  content: "\e6e9";
}

/* line 721, app/assets/stylesheets/themify.scss */
.ti-layout-width-default-alt:before {
  content: "\e6ea";
}

/* line 724, app/assets/stylesheets/themify.scss */
.ti-layout-tab:before {
  content: "\e6eb";
}

/* line 727, app/assets/stylesheets/themify.scss */
.ti-layout-tab-window:before {
  content: "\e6ec";
}

/* line 730, app/assets/stylesheets/themify.scss */
.ti-layout-tab-v:before {
  content: "\e6ed";
}

/* line 733, app/assets/stylesheets/themify.scss */
.ti-layout-tab-min:before {
  content: "\e6ee";
}

/* line 736, app/assets/stylesheets/themify.scss */
.ti-layout-slider:before {
  content: "\e6ef";
}

/* line 739, app/assets/stylesheets/themify.scss */
.ti-layout-slider-alt:before {
  content: "\e6f0";
}

/* line 742, app/assets/stylesheets/themify.scss */
.ti-layout-sidebar-right:before {
  content: "\e6f1";
}

/* line 745, app/assets/stylesheets/themify.scss */
.ti-layout-sidebar-none:before {
  content: "\e6f2";
}

/* line 748, app/assets/stylesheets/themify.scss */
.ti-layout-sidebar-left:before {
  content: "\e6f3";
}

/* line 751, app/assets/stylesheets/themify.scss */
.ti-layout-placeholder:before {
  content: "\e6f4";
}

/* line 754, app/assets/stylesheets/themify.scss */
.ti-layout-menu:before {
  content: "\e6f5";
}

/* line 757, app/assets/stylesheets/themify.scss */
.ti-layout-menu-v:before {
  content: "\e6f6";
}

/* line 760, app/assets/stylesheets/themify.scss */
.ti-layout-menu-separated:before {
  content: "\e6f7";
}

/* line 763, app/assets/stylesheets/themify.scss */
.ti-layout-menu-full:before {
  content: "\e6f8";
}

/* line 766, app/assets/stylesheets/themify.scss */
.ti-layout-media-right-alt:before {
  content: "\e6f9";
}

/* line 769, app/assets/stylesheets/themify.scss */
.ti-layout-media-right:before {
  content: "\e6fa";
}

/* line 772, app/assets/stylesheets/themify.scss */
.ti-layout-media-overlay:before {
  content: "\e6fb";
}

/* line 775, app/assets/stylesheets/themify.scss */
.ti-layout-media-overlay-alt:before {
  content: "\e6fc";
}

/* line 778, app/assets/stylesheets/themify.scss */
.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd";
}

/* line 781, app/assets/stylesheets/themify.scss */
.ti-layout-media-left-alt:before {
  content: "\e6fe";
}

/* line 784, app/assets/stylesheets/themify.scss */
.ti-layout-media-left:before {
  content: "\e6ff";
}

/* line 787, app/assets/stylesheets/themify.scss */
.ti-layout-media-center-alt:before {
  content: "\e700";
}

/* line 790, app/assets/stylesheets/themify.scss */
.ti-layout-media-center:before {
  content: "\e701";
}

/* line 793, app/assets/stylesheets/themify.scss */
.ti-layout-list-thumb:before {
  content: "\e702";
}

/* line 796, app/assets/stylesheets/themify.scss */
.ti-layout-list-thumb-alt:before {
  content: "\e703";
}

/* line 799, app/assets/stylesheets/themify.scss */
.ti-layout-list-post:before {
  content: "\e704";
}

/* line 802, app/assets/stylesheets/themify.scss */
.ti-layout-list-large-image:before {
  content: "\e705";
}

/* line 805, app/assets/stylesheets/themify.scss */
.ti-layout-line-solid:before {
  content: "\e706";
}

/* line 808, app/assets/stylesheets/themify.scss */
.ti-layout-grid4:before {
  content: "\e707";
}

/* line 811, app/assets/stylesheets/themify.scss */
.ti-layout-grid3:before {
  content: "\e708";
}

/* line 814, app/assets/stylesheets/themify.scss */
.ti-layout-grid2:before {
  content: "\e709";
}

/* line 817, app/assets/stylesheets/themify.scss */
.ti-layout-grid2-thumb:before {
  content: "\e70a";
}

/* line 820, app/assets/stylesheets/themify.scss */
.ti-layout-cta-right:before {
  content: "\e70b";
}

/* line 823, app/assets/stylesheets/themify.scss */
.ti-layout-cta-left:before {
  content: "\e70c";
}

/* line 826, app/assets/stylesheets/themify.scss */
.ti-layout-cta-center:before {
  content: "\e70d";
}

/* line 829, app/assets/stylesheets/themify.scss */
.ti-layout-cta-btn-right:before {
  content: "\e70e";
}

/* line 832, app/assets/stylesheets/themify.scss */
.ti-layout-cta-btn-left:before {
  content: "\e70f";
}

/* line 835, app/assets/stylesheets/themify.scss */
.ti-layout-column4:before {
  content: "\e710";
}

/* line 838, app/assets/stylesheets/themify.scss */
.ti-layout-column3:before {
  content: "\e711";
}

/* line 841, app/assets/stylesheets/themify.scss */
.ti-layout-column2:before {
  content: "\e712";
}

/* line 844, app/assets/stylesheets/themify.scss */
.ti-layout-accordion-separated:before {
  content: "\e713";
}

/* line 847, app/assets/stylesheets/themify.scss */
.ti-layout-accordion-merged:before {
  content: "\e714";
}

/* line 850, app/assets/stylesheets/themify.scss */
.ti-layout-accordion-list:before {
  content: "\e715";
}

/* line 853, app/assets/stylesheets/themify.scss */
.ti-ink-pen:before {
  content: "\e716";
}

/* line 856, app/assets/stylesheets/themify.scss */
.ti-info-alt:before {
  content: "\e717";
}

/* line 859, app/assets/stylesheets/themify.scss */
.ti-help-alt:before {
  content: "\e718";
}

/* line 862, app/assets/stylesheets/themify.scss */
.ti-headphone-alt:before {
  content: "\e719";
}

/* line 865, app/assets/stylesheets/themify.scss */
.ti-hand-point-up:before {
  content: "\e71a";
}

/* line 868, app/assets/stylesheets/themify.scss */
.ti-hand-point-right:before {
  content: "\e71b";
}

/* line 871, app/assets/stylesheets/themify.scss */
.ti-hand-point-left:before {
  content: "\e71c";
}

/* line 874, app/assets/stylesheets/themify.scss */
.ti-hand-point-down:before {
  content: "\e71d";
}

/* line 877, app/assets/stylesheets/themify.scss */
.ti-gallery:before {
  content: "\e71e";
}

/* line 880, app/assets/stylesheets/themify.scss */
.ti-face-smile:before {
  content: "\e71f";
}

/* line 883, app/assets/stylesheets/themify.scss */
.ti-face-sad:before {
  content: "\e720";
}

/* line 886, app/assets/stylesheets/themify.scss */
.ti-credit-card:before {
  content: "\e721";
}

/* line 889, app/assets/stylesheets/themify.scss */
.ti-control-skip-forward:before {
  content: "\e722";
}

/* line 892, app/assets/stylesheets/themify.scss */
.ti-control-skip-backward:before {
  content: "\e723";
}

/* line 895, app/assets/stylesheets/themify.scss */
.ti-control-record:before {
  content: "\e724";
}

/* line 898, app/assets/stylesheets/themify.scss */
.ti-control-eject:before {
  content: "\e725";
}

/* line 901, app/assets/stylesheets/themify.scss */
.ti-comments-smiley:before {
  content: "\e726";
}

/* line 904, app/assets/stylesheets/themify.scss */
.ti-brush-alt:before {
  content: "\e727";
}

/* line 907, app/assets/stylesheets/themify.scss */
.ti-youtube:before {
  content: "\e728";
}

/* line 910, app/assets/stylesheets/themify.scss */
.ti-vimeo:before {
  content: "\e729";
}

/* line 913, app/assets/stylesheets/themify.scss */
.ti-twitter:before {
  content: "\e72a";
}

/* line 916, app/assets/stylesheets/themify.scss */
.ti-time:before {
  content: "\e72b";
}

/* line 919, app/assets/stylesheets/themify.scss */
.ti-tumblr:before {
  content: "\e72c";
}

/* line 922, app/assets/stylesheets/themify.scss */
.ti-skype:before {
  content: "\e72d";
}

/* line 925, app/assets/stylesheets/themify.scss */
.ti-share:before {
  content: "\e72e";
}

/* line 928, app/assets/stylesheets/themify.scss */
.ti-share-alt:before {
  content: "\e72f";
}

/* line 931, app/assets/stylesheets/themify.scss */
.ti-rocket:before {
  content: "\e730";
}

/* line 934, app/assets/stylesheets/themify.scss */
.ti-pinterest:before {
  content: "\e731";
}

/* line 937, app/assets/stylesheets/themify.scss */
.ti-new-window:before {
  content: "\e732";
}

/* line 940, app/assets/stylesheets/themify.scss */
.ti-microsoft:before {
  content: "\e733";
}

/* line 943, app/assets/stylesheets/themify.scss */
.ti-list-ol:before {
  content: "\e734";
}

/* line 946, app/assets/stylesheets/themify.scss */
.ti-linkedin:before {
  content: "\e735";
}

/* line 949, app/assets/stylesheets/themify.scss */
.ti-layout-sidebar-2:before {
  content: "\e736";
}

/* line 952, app/assets/stylesheets/themify.scss */
.ti-layout-grid4-alt:before {
  content: "\e737";
}

/* line 955, app/assets/stylesheets/themify.scss */
.ti-layout-grid3-alt:before {
  content: "\e738";
}

/* line 958, app/assets/stylesheets/themify.scss */
.ti-layout-grid2-alt:before {
  content: "\e739";
}

/* line 961, app/assets/stylesheets/themify.scss */
.ti-layout-column4-alt:before {
  content: "\e73a";
}

/* line 964, app/assets/stylesheets/themify.scss */
.ti-layout-column3-alt:before {
  content: "\e73b";
}

/* line 967, app/assets/stylesheets/themify.scss */
.ti-layout-column2-alt:before {
  content: "\e73c";
}

/* line 970, app/assets/stylesheets/themify.scss */
.ti-instagram:before {
  content: "\e73d";
}

/* line 973, app/assets/stylesheets/themify.scss */
.ti-google:before {
  content: "\e73e";
}

/* line 976, app/assets/stylesheets/themify.scss */
.ti-github:before {
  content: "\e73f";
}

/* line 979, app/assets/stylesheets/themify.scss */
.ti-flickr:before {
  content: "\e740";
}

/* line 982, app/assets/stylesheets/themify.scss */
.ti-facebook:before {
  content: "\e741";
}

/* line 985, app/assets/stylesheets/themify.scss */
.ti-dropbox:before {
  content: "\e742";
}

/* line 988, app/assets/stylesheets/themify.scss */
.ti-dribbble:before {
  content: "\e743";
}

/* line 991, app/assets/stylesheets/themify.scss */
.ti-apple:before {
  content: "\e744";
}

/* line 994, app/assets/stylesheets/themify.scss */
.ti-android:before {
  content: "\e745";
}

/* line 997, app/assets/stylesheets/themify.scss */
.ti-save:before {
  content: "\e746";
}

/* line 1000, app/assets/stylesheets/themify.scss */
.ti-save-alt:before {
  content: "\e747";
}

/* line 1003, app/assets/stylesheets/themify.scss */
.ti-yahoo:before {
  content: "\e748";
}

/* line 1006, app/assets/stylesheets/themify.scss */
.ti-wordpress:before {
  content: "\e749";
}

/* line 1009, app/assets/stylesheets/themify.scss */
.ti-vimeo-alt:before {
  content: "\e74a";
}

/* line 1012, app/assets/stylesheets/themify.scss */
.ti-twitter-alt:before {
  content: "\e74b";
}

/* line 1015, app/assets/stylesheets/themify.scss */
.ti-tumblr-alt:before {
  content: "\e74c";
}

/* line 1018, app/assets/stylesheets/themify.scss */
.ti-trello:before {
  content: "\e74d";
}

/* line 1021, app/assets/stylesheets/themify.scss */
.ti-stack-overflow:before {
  content: "\e74e";
}

/* line 1024, app/assets/stylesheets/themify.scss */
.ti-soundcloud:before {
  content: "\e74f";
}

/* line 1027, app/assets/stylesheets/themify.scss */
.ti-sharethis:before {
  content: "\e750";
}

/* line 1030, app/assets/stylesheets/themify.scss */
.ti-sharethis-alt:before {
  content: "\e751";
}

/* line 1033, app/assets/stylesheets/themify.scss */
.ti-reddit:before {
  content: "\e752";
}

/* line 1036, app/assets/stylesheets/themify.scss */
.ti-pinterest-alt:before {
  content: "\e753";
}

/* line 1039, app/assets/stylesheets/themify.scss */
.ti-microsoft-alt:before {
  content: "\e754";
}

/* line 1042, app/assets/stylesheets/themify.scss */
.ti-linux:before {
  content: "\e755";
}

/* line 1045, app/assets/stylesheets/themify.scss */
.ti-jsfiddle:before {
  content: "\e756";
}

/* line 1048, app/assets/stylesheets/themify.scss */
.ti-joomla:before {
  content: "\e757";
}

/* line 1051, app/assets/stylesheets/themify.scss */
.ti-html5:before {
  content: "\e758";
}

/* line 1054, app/assets/stylesheets/themify.scss */
.ti-flickr-alt:before {
  content: "\e759";
}

/* line 1057, app/assets/stylesheets/themify.scss */
.ti-email:before {
  content: "\e75a";
}

/* line 1060, app/assets/stylesheets/themify.scss */
.ti-drupal:before {
  content: "\e75b";
}

/* line 1063, app/assets/stylesheets/themify.scss */
.ti-dropbox-alt:before {
  content: "\e75c";
}

/* line 1066, app/assets/stylesheets/themify.scss */
.ti-css3:before {
  content: "\e75d";
}

/* line 1069, app/assets/stylesheets/themify.scss */
.ti-rss:before {
  content: "\e75e";
}

/* line 1072, app/assets/stylesheets/themify.scss */
.ti-rss-alt:before {
  content: "\e75f";
}
/* line 1, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption {
  max-width: 500px;
  margin: 0 auto;
}

/* line 4, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption label {
  width: 100%;
  color: var(--dark-text);
  display: flex;
}

/* line 8, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption label span.input--group__icon {
  flex: 0 1 50px;
}

/* line 11, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption label input {
  flex: 0 1 100%;
  border: none !important;
}

/* line 16, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption span.error--container {
  display: block;
  text-align: left;
  font-size: 14px;
  font-style: italic;
  color: var(--dark-red);
  min-height: 15px;
}

/* line 25, app/assets/stylesheets/user/new-voucher-redemption.scss */
form.new--voucher--redemption label.input--group {
  margin-top: 5px;
}
/* line 2, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page section.password--reset {
  min-height: 100vh;
}

/* line 6, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page h4.password--reset__header {
  text-align: center;
  margin: 20px 0;
}

/* line 11, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page div.password--reset__errors {
  color: var(--dark-red);
  text-align: center;
  margin-bottom: 10px;
}

/* line 17, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page form.password--reset__form {
  text-align: center;
}

/* line 21, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page label.password__reset__label {
  background-color: #fff;
  border: 1px solid #cbcbd2;
  border-radius: 4px;
  display: block;
  padding: 8px;
  box-shadow: inset 0 1px 2px rgba(203, 203, 210, 0.4);
  width: 275px;
  margin: auto;
  margin-bottom: 20px;
}

/* line 31, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page label.password__reset__label span {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 15px 5px 10px;
  color: var(--accent-two-shade-2);
}

/* line 36, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page label.password__reset__label input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0 5px;
}

/* line 44, app/assets/stylesheets/user/password-edit.scss */
div.password-edit-page input[type=submit] {
  padding: 10px 15px;
  background-color: var(--accent-two-shade-2);
  color: #fff;
  width: 120px;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(203, 203, 210, 0.4);
  border: 1px solid transparent;
}
/* line 2, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.display-flex {
  display: flex;
  border: solid 1px #e8e8e8;
  padding: 14px 12px;
  border-radius: 3px;
}

/* line 7, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.display-flex input {
  border: none;
  padding: 0;
  background: none !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 14, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.display-flex input:focus, div.user-registration-page div.display-flex input:active {
  background: transparent !important;
}

/* line 17, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.display-flex input:focus-within, div.user-registration-page div.display-flex input:focus {
  outline: none;
}

/* line 22, app/assets/stylesheets/user_registration.scss */
div.user-registration-page section.account-creation {
  margin: 20px auto;
  text-align: center;
}

/* line 25, app/assets/stylesheets/user_registration.scss */
div.user-registration-page section.account-creation form {
  max-width: 600px;
  margin: 40px auto 0 auto;
}

/* line 32, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.RegistrationModal div.window--body__content {
  min-height: inherit;
}

/* line 34, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.RegistrationModal div.window--body__content div.class-password {
  min-height: inherit;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 44, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.discount--voucher {
  text-align: center;
  padding: 10px 0;
}

/* line 47, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.discount--voucher button {
  color: var(--primary-shade-3);
  transition: color 280ms ease-in-out;
  background-color: transparent;
}

/* line 48, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.discount--voucher button i {
  margin-right: 5px;
}

/* line 54, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.discount--voucher button:hover {
  color: var(--primary-shade-4);
}

/* line 60, app/assets/stylesheets/user_registration.scss */
div.user-registration-page div.error--notice {
  font-size: 13px;
  color: var(--dark-red);
}

/* line 66, app/assets/stylesheets/user_registration.scss */
div.dark--text {
  color: var(--dark-text);
  font-weight: 600;
}

/* line 71, app/assets/stylesheets/user_registration.scss */
div.modal {
  position: fixed;
  display: initial;
  display: auto;
  height: 100vh;
  width: 100%;
  background-color: transparent;
  z-index: -100;
  transition: background-color 300ms ease-in-out, z-index 10ms ease-in-out;
  font-family: 'Mulish', arial, sans-serif;
}

/* line 83, app/assets/stylesheets/user_registration.scss */
div.modal__content {
  background-color: #fff;
  max-width: 700px;
  max-height: 580px;
  height: 80%;
  width: 90%;
  margin: auto;
  border-radius: 8px;
  padding: 20px 40px;
  position: relative;
  top: 43%;
  transform: translateY(-50%);
  overflow-y: auto;
  transition: top 300ms ease-in-out, opacity 250ms ease-in-out;
  color: var(--text-color);
}

@media (max-width: 450px) {
  /* line 83, app/assets/stylesheets/user_registration.scss */
  div.modal__content {
    padding: 10px;
  }
}

/* line 102, app/assets/stylesheets/user_registration.scss */
div.modal__content label.modal__content__label {
  user-select: none;
  background-color: #fff;
}

/* line 107, app/assets/stylesheets/user_registration.scss */
div.modal__content h1.modal__content__header {
  font-size: 24px;
  color: var(--dark-grey);
  text-align: center;
  font-weight: 300;
}

/* line 114, app/assets/stylesheets/user_registration.scss */
div.modal__content h2.modal__content__description {
  text-align: center;
  user-select: none;
  font-size: 28px;
  font-weight: 300;
}

/* line 121, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__timezone {
  font-weight: 600;
}

/* line 125, app/assets/stylesheets/user_registration.scss */
div.modal__content div[data-content=lecture-schedule-group] {
  margin: auto;
}

/* line 127, app/assets/stylesheets/user_registration.scss */
div.modal__content div[data-content=lecture-schedule-group] label {
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 10px 0;
}

/* line 135, app/assets/stylesheets/user_registration.scss */
div.modal__content div[data-content=lecture-schedule-group] label span {
  margin-left: 5px;
  position: relative;
  top: 1px;
}

/* line 143, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 20px 15px;
  display: none;
  font-family: 'Mulish', arial, sans-serif;
}

/* line 149, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: var(--dark-text);
  margin-bottom: 15px;
}

/* line 157, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container h3 {
  margin-bottom: 4px;
}

/* line 162, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container h3, div.modal__content div.modal__content__payments-container h4 {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 900;
  font-size: 15px;
}

/* line 170, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container h3 span, div.modal__content div.modal__content__payments-container h4 span {
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
}

/* line 176, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container h3 span.modal__label, div.modal__content div.modal__content__payments-container h4 span.modal__label {
  width: 100px;
  font-weight: 600;
}

/* line 182, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container div.paypal-container {
  margin: 30px auto 0 auto;
  max-width: 360px;
}

/* line 187, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__payments-container button.sign-up-button {
  padding: 0 16px;
  margin-top: 20px;
  height: 36px;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  min-width: 85px;
}

/* line 200, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__buttons {
  text-align: center;
}

/* line 202, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__buttons button {
  text-transform: uppercase;
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
}

/* line 207, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__buttons button.next {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  border: 1px solid transparent;
}

/* line 212, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__buttons button.cancel {
  background-color: var(--cyan);
  border: 1px solid var(--cyan);
  color: var(--dark-cyan);
}

/* line 220, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__loading {
  margin-top: 15px;
}

/* line 222, app/assets/stylesheets/user_registration.scss */
div.modal__content div.modal__content__loading div.modal__content__loading-notice {
  margin: auto;
  width: 310px;
  padding: 15px 0;
  background: green;
  color: #fff;
  font-family: 'Nunito Sans', sans-serif, arial;
  font-size: 14px;
  border-radius: 4px;
  animation: blink 800ms ease-in-out alternate infinite;
  visibility: hidden;
}

/* line 237, app/assets/stylesheets/user_registration.scss */
section.account-creation {
  max-width: 800px;
  margin: auto;
  text-align: center;
  padding: 20px 30px;
  font-family: 'Nunito Sans', sans-serif, arial;
}

/* line 245, app/assets/stylesheets/user_registration.scss */
h1.account-creation__header {
  color: rgba(0, 0, 0, 0.9);
  font-size: 32px;
}

/* line 250, app/assets/stylesheets/user_registration.scss */
h2.account-creation__description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  margin: 10px 0;
}

/* line 256, app/assets/stylesheets/user_registration.scss */
h3.account-creation__notice {
  color: var(--dark-red);
  font-size: 16px;
}

/* line 262, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input {
  width: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fefefe;
  border: solid 1px #e8e8e8;
  padding: 14px 12px;
  font-size: 14px;
  height: auto;
  line-height: 1;
  -webkit-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  color: var(--dark-grey);
  font-size: 16px;
}

/* line 278, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
  box-shadow: 0px 0px 8px 1px rgba(213, 213, 213, 0.59);
}

/* line 284, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input::-webkit-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 291, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input::-moz-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 298, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input:-ms-input-placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 305, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block input::placeholder {
  font-weight: 300;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
  font-style: italic;
}

/* line 311, app/assets/stylesheets/user_registration.scss */
div.account-creation__input-block span {
  text-align: left;
  display: block;
  padding-left: 10px;
  font-style: italic;
  color: #c62828;
  min-height: 24px;
}

/* line 321, app/assets/stylesheets/user_registration.scss */
button.modal__button {
  padding: 8px 10px;
  color: var(--dark-cyan);
  background-color: #daf9f0;
  text-transform: uppercase;
  font-weight: 900;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border 300ms ease-in-out;
  outline: none;
  min-width: 96px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

/* line 333, app/assets/stylesheets/user_registration.scss */
button.modal__button:hover, button.modal__button:focus {
  border: solid 1px #07d79b;
  background-color: #09c199;
  color: #fff;
}

/* line 340, app/assets/stylesheets/user_registration.scss */
div.modal--discount--voucher, div.modal--gift--card,
div.student--modal--discount--voucher, div.student--modal--gift--card {
  display: none;
  margin: 10px auto auto auto;
  max-width: 400px;
}

/* line 345, app/assets/stylesheets/user_registration.scss */
div.modal--discount--voucher div.block, div.modal--gift--card div.block,
div.student--modal--discount--voucher div.block, div.student--modal--gift--card div.block {
  color: rgba(0, 0, 0, 0.9);
  display: flex;
}

/* line 348, app/assets/stylesheets/user_registration.scss */
div.modal--discount--voucher div.block div.key, div.modal--gift--card div.block div.key,
div.student--modal--discount--voucher div.block div.key, div.student--modal--gift--card div.block div.key {
  font-weight: 600;
  flex: 0 1 170px;
  text-align: left;
}

/* line 353, app/assets/stylesheets/user_registration.scss */
div.modal--discount--voucher div.block div.value, div.modal--gift--card div.block div.value,
div.student--modal--discount--voucher div.block div.value, div.student--modal--gift--card div.block div.value {
  font-weight: 300;
}

/* line 355, app/assets/stylesheets/user_registration.scss */
div.modal--discount--voucher div.block div.value.discounted--price, div.modal--gift--card div.block div.value.discounted--price,
div.student--modal--discount--voucher div.block div.value.discounted--price, div.student--modal--gift--card div.block div.value.discounted--price {
  font-weight: 600;
}

/* line 362, app/assets/stylesheets/user_registration.scss */
button.account-creation__submit {
  padding: 0 16px;
  height: 36px;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  min-width: 85px;
}

/* line 373, app/assets/stylesheets/user_registration.scss */
div.student__payments-container {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 20px 15px;
  width: 400px;
  margin: 20px auto 0;
  font-family: 'Mulish', arial, sans-serif;
}

/* line 380, app/assets/stylesheets/user_registration.scss */
div.student__payments-container div.discount--voucher {
  text-align: left;
  padding: 10px 0;
  display: none;
}

/* line 385, app/assets/stylesheets/user_registration.scss */
div.student__payments-container span.class--price--value {
  margin-top: 10px;
}

/* line 387, app/assets/stylesheets/user_registration.scss */
div.student__payments-container span.class--price--value b {
  font-weight: bold;
}

/* line 391, app/assets/stylesheets/user_registration.scss */
div.student__payments-container h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: var(--dark-text);
  margin-bottom: 15px;
}

/* line 399, app/assets/stylesheets/user_registration.scss */
div.student__payments-container h3 {
  margin-bottom: 4px;
}

/* line 404, app/assets/stylesheets/user_registration.scss */
div.student__payments-container h3, div.student__payments-container h4 {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 900;
  font-size: 15px;
}

/* line 412, app/assets/stylesheets/user_registration.scss */
div.student__payments-container h3 span, div.student__payments-container h4 span {
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
}

/* line 418, app/assets/stylesheets/user_registration.scss */
div.student__payments-container h3 span.modal__label, div.student__payments-container h4 span.modal__label {
  width: 100px;
  font-weight: 600;
}

/* line 424, app/assets/stylesheets/user_registration.scss */
div.student__payments-container div.student-paypal-container {
  margin: 30px auto 0 auto;
  max-width: 360px;
}

/* line 429, app/assets/stylesheets/user_registration.scss */
div.student__payments-container button.sign-up-button {
  padding: 0 16px;
  margin-top: 20px;
  height: 36px;
  background-color: var(--accent-one-shade-4);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  min-width: 85px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *








 */