.yellow{background-color:#ffeb3b!important}
.yellow-text{color:#ffeb3b!important}
.yellow.lighten-5{background-color:#fffde7!important}
.yellow-text.text-lighten-5{color:#fffde7!important}
.yellow.lighten-4{background-color:#fff9c4!important}
.yellow-text.text-lighten-4{color:#fff9c4!important}
.yellow.lighten-3{background-color:#fff59d!important}
.yellow-text.text-lighten-3{color:#fff59d!important}
.yellow.lighten-2{background-color:#fff176!important}
.yellow-text.text-lighten-2{color:#fff176!important}
.yellow.lighten-1{background-color:#ffee58!important}
.yellow-text.text-lighten-1{color:#ffee58!important}
.yellow.darken-1{background-color:#fdd835!important}
.yellow-text.text-darken-1{color:#fdd835!important}
.yellow.darken-2{background-color:#fbc02d!important}
.yellow-text.text-darken-2{color:#fbc02d!important}
.yellow.darken-3{background-color:#f9a825!important}
.text-darken-3{color:#f9a825!important}
.yellow.darken-4{background-color:#f57f17!important}
.yellow-text.text-darken-4{color:#f57f17!important}

.red{background-color:#F44336;}
.blue { background-color:#2196F3}
.blue-text { color:#2d88ce; }
.blue.darken-1 { background-color: #212c54  !important }
.green{background-color:#4CAF50!important}
.green.darken-2{background-color:#388E3C!important}

.black{background-color:#000!important}
.black-text{color:#000!important}
.white{background-color:#FFF!important}
.white-text{color:#FFF!important}
.transparent{background-color:transparent!important}
.transparent-text{color:transparent!important}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #ffffff;}
body { margin: 0;}

/* HTML5 display definitions
   ========================================================================== */
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{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

/* Forms
   ========================================================================== */
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
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{border:0;padding:0}
button:focus{outline:none;background-color:#2ab7a9}

input{line-height:normal}
input[type="checkbox"],input[type="radio"]{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-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}

/* Tables
   ========================================================================== */
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* Others 
   ========================================================================== */
html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}

ul:not(.browser-default){padding-left:0;list-style-type:none}
ul:not(.browser-default) li{list-style-type:none}
a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}
.valign-wrapper, .valign{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }.clearfix:after { clear: both; }.clearfix { zoom: 1; } /* IE 6 and 7 */
.clearfix {clear: both;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.z-depth-0 { box-shadow: none !important;}
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
.z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);}
.z-depth-3 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);}
.z-depth-4, .modal {box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);}
.z-depth-5 { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);}

.hoverable { transition: box-shadow .25s; box-shadow: 0;}
.hoverable:hover { transition: box-shadow .25s;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.divider{height:1px;overflow:hidden;background-color:#e0e0e0}
blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}
i{line-height:inherit}
i.left{float:left;margin-right:15px}
i.right{float:right;margin-left:15px}
i.tiny{font-size:1rem}
i.small{font-size:2rem}
i.medium{font-size:4rem}
i.large{font-size:6rem}
img.responsive-img,video.responsive-video{max-width:100%;height:auto}

/*********************
 Pagination
**********************/
/*.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}
.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}
.pagination li.active a{color:#fff}
.pagination li.active{background-color:#ee6e73}
.pagination li.disabled a{cursor:default;color:#999}
.pagination li i{font-size:2rem}
.pagination li.pages ul li{display:inline-block;float:none}

@media only screen and (max-width: 992px) {
.pagination{width:100%}
.pagination li.prev,.pagination li.next{width:10%}
.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}
}*/

.pin-top, .pin-bottom { position: relative; }
.pinned {position: fixed !important;}

/*********************
  Transition Classes
**********************/
ul.staggered-list li{opacity:0}
.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
.hide-on-small-only,.hide-on-small-and-down{display:none!important}
}
@media only screen and (max-width: 992px) {
.hide-on-med-and-down{display:none!important}
}
@media only screen and (min-width: 601px) {
.hide-on-med-and-up{display:none!important}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only{display:none!important}
}
@media only screen and (min-width: 993px) {
.hide-on-large-only{display:none!important}
.show-on-large{display:block!important}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium{display:block!important}
}
@media only screen and (max-width: 600px) {
.show-on-small{display:block!important}
}
@media only screen and (min-width: 601px) {
.show-on-medium-and-up{display:block!important}
}
@media only screen and (max-width: 992px) {
.show-on-medium-and-down{display:block!important}
}
@media only screen and (max-width: 600px) {
.center-on-small-only{text-align:center}
}

table,th,td{border:none}
table{width:100%;display:table}
table.bordered > thead > tr,table.bordered > tbody > tr{border-bottom:1px solid #d0d0d0}
table.striped > tbody > tr:nth-child(odd){background-color:#f2f2f2}
table.striped > tbody > tr > td{border-radius:0}
table.highlight > tbody > tr{transition:background-color .25s ease}
table.highlight > tbody > tr:hover{background-color:#f2f2f2}
table.centered thead tr th,table.centered tbody tr td{text-align:center}
thead{border-bottom:1px solid #d0d0d0}
td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}

@media only screen and (max-width: 992px) {
table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}
table.responsive-table td:empty:before{content:'\00a0'}
table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}
table.responsive-table th{text-align:left}
table.responsive-table thead{display:block;float:left}
table.responsive-table thead tr{display:block;padding:0 10px 0 0}
table.responsive-table thead tr th::before{content:"\00a0"}
table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}
table.responsive-table tbody tr{display:inline-block;vertical-align:top}
table.responsive-table th{display:block;text-align:right}
table.responsive-table td{display:block;min-height:1.25em;text-align:left}
table.responsive-table tr{padding:0 10px}
table.responsive-table thead{border:0;border-right:1px solid #d0d0d0}
table.responsive-table.bordered th{border-bottom:0;border-left:0}
table.responsive-table.bordered td{border-left:0;border-right:0;border-bottom:0}
table.responsive-table.bordered tr{border:0}
table.responsive-table.bordered tbody tr{border-right:1px solid #d0d0d0}
}

.collection{margin:.5rem 0 1rem;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}
.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}
.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}
.collection .collection-item.avatar .circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}
.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}
.collection .collection-item.avatar .title{font-size:16px}
.collection .collection-item.avatar p{margin:0}
.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}
.collection .collection-item:last-child{border-bottom:none}
.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}
.collection .collection-item.active .secondary-content{color:#fff}
.collection a.collection-item{display:block;transition:.25s;color:#26a69a}
.collection a.collection-item:not(.active):hover{background-color:#ddd}
.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}
.collection.with-header .collection-item{padding-left:30px}
.collection.with-header .collection-item.avatar{padding-left:72px}

.secondary-content{float:right;color:#26a69a}
.collapsible .collection{margin:0;border:none}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* ================================================================================================ */
/*  Utility Classes
/* ================================================================================================ */
.hide{display:none!important}
.alignL 	{ text-align: left !important; }
.alignR 	{ text-align: right !important; }
.alignC 	{ text-align: center !important; }
.alignJ 	{ text-align: justify !important; }
.borderLeft { border-left: none !important;}
.borderRight{ border-right: none !important;}
.floatLeft  { float: left !important; }
.floatRight { float: right !important; }
.last 		{ margin-right: 0px !important; }

.noSpacing  { margin: 0!important; padding: 0!important; }
.uppercase  { text-transform: uppercase!important; }
.no-border  { border: 0 none !important; }
.no-padding { padding: 0 !important; }
.no-margin  { margin: 0 !important; }
.no-float   { float: none !important; }
.no-bold 	{ font-weight: normal!important; }
.marginL    { margin-left: 0 !important; }
.marginR    { margin-right: 0 !important; }
.paddingB   { padding-bottom: 0 !important; }

.tagLine   { color: #434343; font: 18px/26px 'R_L', Arial,sans-serif; width: 69%; margin: 0 auto 40px; }

.forBold { font-family: 'R_B', arial, Sans-Serif; }
.forBreak { display: block; }

.circle{border-radius:50%}
.center-block{display:block;margin-left:auto;margin-right:auto}
.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-padding{padding:0!important}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  box-sizing: border-box;
}

span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #26a69a;
  border-radius: 2px;
}

span.badge.new:after {
  content: " new";
}

span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}


/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

.container{margin:0 auto; }

@media only screen and (min-width: 601px) {
/*.container{width:85%}*/
}
@media only screen and (min-width: 993px) {
/*.container{width:80%}*/
}
/*.container .row{margin-left:-.75rem;margin-right:-.75rem}*/
.section{padding-top:1rem;padding-bottom:1rem}
.section.no-pad{padding:0}
.section.no-pad-bot{padding-bottom:0}
.section.no-pad-top{padding-top:0}

.row{margin-left:auto;margin-right:auto;/*margin-bottom:20px*/}
.row:after{content:"";display:table;clear:both}
.row .col{float:left;box-sizing:border-box;padding:0 1rem;min-height:1px}
.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}

.uniform-grid {   -moz-box-direction: normal; -moz-box-orient: horizontal; display: flex;  flex-flow: row wrap;  width: 100%; }
.uniform-grid .uniform-grid__section { display: flex;}



.row .col.s1{width:8.3333333333%;}
.row .col.s2{width:16.6666666667%;}
.row .col.s3{width:25%;}
.row .col.s4{width:33.3333333333%;}
.row .col.s5{width:41.6666666667%;}
.row .col.s6{width:50%;}
.row .col.s7{width:58.3333333333%;}
.row .col.s8{width:66.6666666667%;}
.row .col.s9{width:75%;}
.row .col.s10{width:83.3333333333%;}
.row .col.s11{width:91.6666666667%;}
.row .col.s12{width:100%;}

.row .col.offset-s1{margin-left:8.3333333333%}
.row .col.pull-s1{right:8.3333333333%}
.row .col.push-s1{left:8.3333333333%}
.row .col.offset-s2{margin-left:16.6666666667%}
.row .col.pull-s2{right:16.6666666667%}
.row .col.push-s2{left:16.6666666667%}
.row .col.offset-s3{margin-left:25%}
.row .col.pull-s3{right:25%}
.row .col.push-s3{left:25%}
.row .col.offset-s4{margin-left:33.3333333333%}
.row .col.pull-s4{right:33.3333333333%}
.row .col.push-s4{left:33.3333333333%}
.row .col.offset-s5{margin-left:41.6666666667%}
.row .col.pull-s5{right:41.6666666667%}
.row .col.push-s5{left:41.6666666667%}
.row .col.offset-s6{margin-left:50%}
.row .col.pull-s6{right:50%}
.row .col.push-s6{left:50%}
.row .col.offset-s7{margin-left:58.3333333333%}
.row .col.pull-s7{right:58.3333333333%}
.row .col.push-s7{left:58.3333333333%}
.row .col.offset-s8{margin-left:66.6666666667%}
.row .col.pull-s8{right:66.6666666667%}
.row .col.push-s8{left:66.6666666667%}
.row .col.offset-s9{margin-left:75%}
.row .col.pull-s9{right:75%}
.row .col.push-s9{left:75%}
.row .col.offset-s10{margin-left:83.3333333333%}
.row .col.pull-s10{right:83.3333333333%}
.row .col.push-s10{left:83.3333333333%}
.row .col.offset-s11{margin-left:91.6666666667%}
.row .col.pull-s11{right:91.6666666667%}
.row .col.push-s11{left:91.6666666667%}
.row .col.offset-s12{margin-left:100%}
.row .col.pull-s12{right:100%}
.row .col.push-s12{left:100%}

@media only screen and (min-width: 601px) {

.row .col.m1{width:8.3333333333%;}
.row .col.m2{width:16.6666666667%;}
.row .col.m3{width:25%;}
.row .col.m4{width:33.3333333333%;}
.row .col.m5{width:41.6666666667%;}
.row .col.m6{width:50%;}
.row .col.m7{width:58.3333333333%;}
.row .col.m8{width:66.6666666667%;}
.row .col.m9{width:75%;}
.row .col.m10{width:83.3333333333%;}
.row .col.m11{width:91.6666666667%;}
.row .col.m12{width:100%;}

.row .col.offset-m1{margin-left:8.3333333333%}
.row .col.pull-m1{right:8.3333333333%}
.row .col.push-m1{left:8.3333333333%}
.row .col.offset-m2{margin-left:16.6666666667%}
.row .col.pull-m2{right:16.6666666667%}
.row .col.push-m2{left:16.6666666667%}
.row .col.offset-m3{margin-left:25%}
.row .col.pull-m3{right:25%}
.row .col.push-m3{left:25%}
.row .col.offset-m4{margin-left:33.3333333333%}
.row .col.pull-m4{right:33.3333333333%}
.row .col.push-m4{left:33.3333333333%}
.row .col.offset-m5{margin-left:41.6666666667%}
.row .col.pull-m5{right:41.6666666667%}
.row .col.push-m5{left:41.6666666667%}
.row .col.offset-m6{margin-left:50%}
.row .col.pull-m6{right:50%}
.row .col.push-m6{left:50%}
.row .col.offset-m7{margin-left:58.3333333333%}
.row .col.pull-m7{right:58.3333333333%}
.row .col.push-m7{left:58.3333333333%}
.row .col.offset-m8{margin-left:66.6666666667%}
.row .col.pull-m8{right:66.6666666667%}
.row .col.push-m8{left:66.6666666667%}
.row .col.offset-m9{margin-left:75%}
.row .col.pull-m9{right:75%}
.row .col.push-m9{left:75%}
.row .col.offset-m10{margin-left:83.3333333333%}
.row .col.pull-m10{right:83.3333333333%}
.row .col.push-m10{left:83.3333333333%}
.row .col.offset-m11{margin-left:91.6666666667%}
.row .col.pull-m11{right:91.6666666667%}
.row .col.push-m11{left:91.6666666667%}
.row .col.offset-m12{margin-left:100%}
.row .col.pull-m12{right:100%}
.row .col.push-m12{left:100%}

}

@media only screen and (min-width: 993px) {

.row .col.l1{width:8.3333333333%;}
.row .col.l2{width:16.6666666667%;}
.row .col.l3{width:25%;}
.row .col.l4{width:33.3333333333%;}
.row .col.l5{width:41.6666666667%;}
.row .col.l6{width:50%;}
.row .col.l7{width:58.3333333333%;}
.row .col.l8{width:66.6666666667%;}
.row .col.l9{width:75%;}
.row .col.l10{width:83.3333333333%;}
.row .col.l11{width:91.6666666667%;}
.row .col.l12{width:100%;}

.row .col.offset-l1{margin-left:8.3333333333%}
.row .col.pull-l1{right:8.3333333333%}
.row .col.push-l1{left:8.3333333333%}
.row .col.offset-l2{margin-left:16.6666666667%}
.row .col.pull-l2{right:16.6666666667%}
.row .col.push-l2{left:16.6666666667%}
.row .col.offset-l3{margin-left:25%}
.row .col.pull-l3{right:25%}
.row .col.push-l3{left:25%}
.row .col.offset-l4{margin-left:33.3333333333%}
.row .col.pull-l4{right:33.3333333333%}
.row .col.push-l4{left:33.3333333333%}
.row .col.offset-l5{margin-left:41.6666666667%}
.row .col.pull-l5{right:41.6666666667%}
.row .col.push-l5{left:41.6666666667%}
.row .col.offset-l6{margin-left:50%}
.row .col.pull-l6{right:50%}
.row .col.push-l6{left:50%}
.row .col.offset-l7{margin-left:58.3333333333%}
.row .col.pull-l7{right:58.3333333333%}
.row .col.push-l7{left:58.3333333333%}
.row .col.offset-l8{margin-left:66.6666666667%}
.row .col.pull-l8{right:66.6666666667%}
.row .col.push-l8{left:66.6666666667%}
.row .col.offset-l9{margin-left:75%}
.row .col.pull-l9{right:75%}
.row .col.push-l9{left:75%}
.row .col.offset-l10{margin-left:83.3333333333%}
.row .col.pull-l10{right:83.3333333333%}
.row .col.push-l10{left:83.3333333333%}
.row .col.offset-l11{margin-left:91.6666666667%}
.row .col.pull-l11{right:91.6666666667%}
.row .col.push-l11{left:91.6666666667%}
.row .col.offset-l12{margin-left:100%}
.row .col.pull-l12{right:100%}
.row .col.push-l12{left:100%}
}

/* = FontFace 
----------------------------------------------------------------------------------------------- */


a{text-decoration:none}
html{line-height:1.5;font-family:"Roboto",sans-serif;font-weight:400;color:rgba(0,0,0,0.87)}

@media only screen and (min-width: 0) {
html{font-size:14px}
}
@media only screen and (min-width: 992px) {
html{font-size:14.5px}
}
@media only screen and (min-width: 1200px) {
html{font-size:15px}
}

h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:4.2rem;line-height:110%;margin:2.1rem 0 1.68rem}
h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem}
h3{font-size:2.92rem;line-height:110%;margin:1.46rem 0 1.168rem}
h4{font-size:2.28rem;line-height:110%;margin:1.14rem 0 .912rem}
h5{font-size:1.64rem;line-height:110%;margin:.82rem 0 .656rem}
h6{font-size:1rem;line-height:110%;margin:.5rem 0 .4rem}

em{font-style:italic}
strong{font-weight:500}
small{font-size:75%}

.light,footer.page-footer .footer-copyright{font-weight:300}
.thin{font-weight:200}

.scale-transition {
  transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform .2s !important;
  transition: transform .2s !important;
  transition: transform .2s, -webkit-transform .2s !important;
}

.scale-transition.scale-in {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.card-panel{transition:box-shadow .25s;padding:24px;margin:.5rem 0 1rem;border-radius:2px;background-color:#fff}
.card{position:relative;margin:.5rem 0 1rem;background-color:#fff;transition:box-shadow .25s;border-radius:2px}
.card .card-title{font-size:24px;font-weight:300}
.card .card-title.activator{cursor:pointer}
.card.small,.card.medium,.card.large{position:relative}
.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}
.card.small .card-image + .card-content,.card.medium .card-image + .card-content,.card.large .card-image + .card-content{max-height:40%}
.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}
.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}
.card.small{height:300px}
.card.medium{height:400px}
.card.large{height:500px}
.card.horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex}

.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}
.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}
.card.horizontal .card-image{max-width:50%}
.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}
.card.horizontal .card-stacked{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}
.card.horizontal .card-stacked .card-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.card.sticky-action .card-action{z-index:2}
.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}
.card .card-image{position:relative}
.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}
.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}
.card .card-content{padding:24px;border-radius:0 0 2px 2px}
.card .card-content p{margin:0;color:inherit}
.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}
.card .card-content .card-title i{line-height:32px}
.card .card-action{position:relative;background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);padding:16px 24px}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;transition:color .3s ease;text-transform:uppercase}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}
.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}
.card .card-reveal .card-title{cursor:pointer;display:block}

/* Default Tab */
.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}
.tabs.tabs-transparent{background-color:transparent}
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {color: rgba(255, 255, 255, 0.7);}
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {color: #fff; }
.tabs.tabs-transparent .indicator{background-color:#fff}
.tabs.tabs-fixed-width{display:-webkit-flex;display:-ms-flexbox;display:flex}
.tabs.tabs-fixed-width .tab{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}
.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:13px;text-overflow:ellipsis;overflow:hidden;transition:color .28s ease}
.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.7);cursor:default}
.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left,right}

@media only screen and (max-width: 992px) {
.tabs{display:-webkit-flex;display:-ms-flexbox;display:flex}
.tabs .tab{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.tabs .tab a{padding:0 12px}
}

.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;
                  text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden}

.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0;transform-origin:50% 0;visibility:hidden}

.btn,.btn-large,.btn-flat{border:none;border-radius:2px;display:inline-block; line-height:32px; padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.btn,.btn-large,.btn-floating,.btn-large,.btn-flat{outline:0}
.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1.3rem;line-height:inherit}
.btn:focus,.btn-large:focus,.btn-floating:focus{background-color:#1d7d74}

.btn,.btn-large{text-decoration:none;color:#fff;background-color:#9e9e9e;text-align:center;letter-spacing:.5px;transition:.2s ease-out;cursor:pointer}
.btn:hover,.btn-large:hover{background-color:#2bbbad}
.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;transition:.3s;
              cursor:pointer;vertical-align:middle}
.btn-floating:hover{background-color:#26a69a}
.btn-floating:before{border-radius:0}
.btn-floating.btn-large{width:56px;height:56px}
.btn-floating.btn-large i{line-height:56px}
.btn-floating.halfway-fab{position:absolute;right:24px;bottom:0;-webkit-transform:translateY(50%);transform:translateY(50%)}
.btn-floating.halfway-fab.left{right:auto;left:24px}
.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}


.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:998}
.fixed-action-btn.active ul{visibility:visible}
.fixed-action-btn.horizontal{padding:0 0 0 15px}
.fixed-action-btn.horizontal ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}
.fixed-action-btn.horizontal ul li{display:inline-block;margin:15px 15px 0 0}
.fixed-action-btn.toolbar{padding:0;height:56px}
.fixed-action-btn.toolbar.active > a i{opacity:0}
.fixed-action-btn.toolbar ul{display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0}
.fixed-action-btn.toolbar ul li{-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;transition:none}
.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;box-shadow:none;color:#fff;line-height:56px;z-index:1}
.fixed-action-btn.toolbar ul li a i{line-height:inherit}
.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}
.fixed-action-btn ul li{margin-bottom:15px}
.fixed-action-btn ul a.btn-floating{opacity:0}
.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}

.btn-flat{box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;transition:background-color .2s}
.btn-flat:focus,.btn-flat:active{background-color:transparent}
.btn-flat:focus,.btn-flat:hover{background-color:rgba(0,0,0,0.1);box-shadow:none}
.btn-flat:active{background-color:rgba(0,0,0,0.2)}
.btn-flat.disabled{background-color:transparent!important;color:#b3b3b3!important;cursor:default}
.btn-large{height:54px;line-height:54px}
.btn-large i{font-size:1.6rem}
.btn-block{display:block}

.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:999;will-change:width,height}
.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left;text-transform:none}
.dropdown-content li:hover,.dropdown-content li.active,.dropdown-content li.selected{background-color:#eee}
.dropdown-content li.active.selected{background-color:#e1e1e1}
.dropdown-content li.divider{min-height:0;height:1px}
.dropdown-content li > a,.dropdown-content li > span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}
.dropdown-content li > span > label{top:1px;left:0;height:18px}
.dropdown-content li > a > i{height:inherit;line-height:inherit}


/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  transition: .28s ease;
  /* webkit (konqueror) browsers */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[type="radio"] + label:before,
[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 14px;
  height: 14px;
  z-index: 0;
  transition: .28s ease;
}

/* Unchecked styles */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:not(:checked) + label:after {
  border: 2px solid rgba(255,255,255,0.5);
}

[type="radio"]:not(:checked) + label:after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + label:before {
  border: 2px solid transparent;
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"].with-gap:checked + label:after {
  border: 2px solid rgba(255,255,255,0.5);
}

[type="radio"]:checked + label:after,
[type="radio"].with-gap:checked + label:after {
  background-color: #26a69a; border: 0 none;
}

[type="radio"]:checked + label:after {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + label:after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  transition: .3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45);}
.waves-effect.waves-yellow .waves-ripple { background-color: rgba(253, 184, 19, 1); }
.waves-effect.waves-brown .waves-ripple { background-color:rgba(96, 85, 79, 0.9); }
.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}
.waves-effect.waves-green .waves-ripple {background-color:rgba(27, 94, 32, 0.9)}
.waves-effect.waves-blue .waves-ripple {background-color:rgba(34, 61, 132, 0.9)}

.waves-effect img{position:relative;z-index:-1}
.waves-notransition{transition:none!important}
.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,black 100%);
              text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}
.waves-block{display:block}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple { z-index: -1;}

.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}

@media only screen and (max-width: 992px) {
  .modal { width: 80%;}
}

.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}
.modal .modal-content{padding:24px}
.modal .modal-close{cursor:pointer}
.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{float:right;margin:6px 0}
.modal-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}
.modal.modal-fixed-footer{padding:0;height:70%}
.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}
.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}
.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}

.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem}
.collapsible-header{display:block;cursor:pointer;min-height:3rem;line-height:3rem;padding:0 1rem;background-color:#fff;border-bottom:1px solid #ddd}
.collapsible-header i{width:2rem;font-size:1.6rem;line-height:3rem;display:block;float:left;text-align:center;margin-right:1rem}
.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem}
.collapsible.popout{border:none;box-shadow:none}
.collapsible.popout > li{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;transition:margin .35s cubic-bezier(0.25,0.46,0.45,0.94)}
.collapsible.popout > li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}

.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;transition:opacity .4s;-webkit-backface-visibility:hidden}
.materialboxed:hover:not(.active){opacity:.8}
.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}
#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}
.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}

/****************************/
/* STYLES FOR THE PRELOADER */
/****************************/

.preloader-wrapper{display:inline-block;position:relative;width:48px;height:48px}
.preloader-wrapper.small{width:36px;height:36px}
.preloader-wrapper.big{width:64px;height:64px}
.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}
.spinner-blue,.spinner-blue-only{border-color:#4285f4}
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}
.gap-patch .circle{width:1000%;left:-450%}
.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}
.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation:none;animation:none;
                        position:absolute;top:0;right:0;bottom:0}
.circle-clipper.left .circle{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}
.circle-clipper.right .circle{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}
.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
}

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/****************************/
/* STYLES FOR SLIDER */
/****************************/
.slider{position:relative;height:400px;width:100%}
.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}
.slider.fullscreen ul.slides{height:100%}
.slider.fullscreen ul.indicators{z-index:2;bottom:30px}
.slider .slides{background-color:#9e9e9e;margin:0;height:400px}
.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}
.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}
.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}
.slider .slides li .caption p{color:#e0e0e0}
.slider .slides li.active{z-index:2}
.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}
.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;transition:background-color .3s;border-radius:50%}
.slider .indicators .indicator-item.active{background-color:#4CAF50}

.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%}
.carousel.carousel-slider{top:0;left:0;height:0}
.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}
.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}
.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}
.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}
.carousel.carousel-slider .carousel-item p{font-size:15px}
.carousel .carousel-item{display:none;width:200px;height:200px;position:absolute;top:0;left:0}
.carousel .carousel-item img{width:100%}
.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}
.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);transition:background-color .3s;border-radius:50%}
.carousel .indicators .indicator-item.active{background-color:#fff}