.transparent{background-color:transparent!important}
.transparent-text{color:transparent!important}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.title-transition.section.valign-wrapper{height:62vh;background: #2e2e2e;}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none;max-width:100%;height: auto;margin: 0 auto;display: block;}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;font-family: inherit;}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}
ul:not(.browser-default){padding-right:0;list-style-type:none}
ul:not(.browser-default)>li{list-style-type:none}
a{color: #004c8a;text-decoration:none;-webkit-tap-highlight-color:transparent}
.valign-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.clearfix{clear:both;margin:0 auto}
.divider{height:1px;overflow:hidden;background-color:#e0e0e0}
blockquote{margin:20px 0;padding: 10px 20px;border-left: 5px solid #282828 !important;border: 1px solid #bebebe;background: #f9f9f9;}
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 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:#1de9c3}
.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}
}
.breadcrumb{font-size:18px;color:#ffffffb3}
.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}
.breadcrumb:before{content:'\E5CC';color:#ffffffb3;vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:400;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}
.breadcrumb:first-child:before{display:none}
.breadcrumb:last-child{color:#fff}
.parallax-container{position:relative;overflow:hidden;height:500px}
.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.pin-top,.pin-bottom{position:relative}
.pinned{position:fixed!important}
ul.staggered-list li{opacity:0}
.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}
@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) {
.background img{width:auto!important}
.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}
}
@media only screen and (min-width: 1201px) {
.hide-on-extra-large-only{display:none!important}
.show-on-extra-large{display:block!important}
}
@media only screen and (min-width: 993px) {
.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}
}
.page-footer{padding-top:20px;color:#fff;background-color:#f1f1f1}
.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;color:#fffc;background-color:#33333314}
table,th,td{border:none}
table{width:100%;display:table;border-collapse:collapse;border-spacing:0}
table.striped tr{border-bottom:none}
table.striped>tbody>tr:nth-child(odd){background-color:#f2f2f280}
table.striped>tbody>tr>td{border-radius:0}
table.highlight>tbody>tr{transition:background-color .25s ease}
table.highlight>tbody>tr:hover{background-color:#f2f2f280}
table.centered thead tr th,table.centered tbody tr td{text-align:center}
tr{border-bottom:1px solid #0000001f}
td,th{padding:2px 6px;line-height:46px;display:table-cell;text-align:right;vertical-align:middle;border-radius:2px;border:1px solid #d7d7d7}
tbody,tbody p{color:inherit;line-height:10px}
.collection{margin:0 0 1rem;border:1px solid #414141;overflow:hidden;position:relative;border-radius:10px;box-shadow:2px 2px 10px #0000001c}
.collection .collection-item{background-color:#282828;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #4f4f4f}
.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}
.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .avatar-wrapper .collection-item.avatar:not(.circle-clipper)>.avatar,.avatar-wrapper .collection .collection-item.avatar:not(.circle-clipper)>.avatar,.collection .collection-item.avatar :not(.circle-clipper)>.circle,.collection .collection-item.avatar .avatar-wrapper :not(.circle-clipper)>.avatar,.avatar-wrapper .collection .collection-item.avatar :not(.circle-clipper)>.avatar{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}
.collection .collection-item.avatar i.circle,.collection .collection-item.avatar .avatar-wrapper i.avatar,.avatar-wrapper .collection .collection-item.avatar i.avatar{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%}
.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem;overflow:hidden}
.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;transition:width .3s linear}
.progress .indeterminate{background-color:#26a69a}
.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}
.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}
@-webkit-keyframes indeterminate {
0%{left:-35%;right:100%}
60%{left:100%;right:-90%}
100%{left:100%;right:-90%}
}
@keyframes indeterminate {
0%{left:-35%;right:100%}
60%{left:100%;right:-90%}
100%{left:100%;right:-90%}
}
@-webkit-keyframes indeterminate-short {
0%{left:-200%;right:100%}
60%{left:107%;right:-8%}
100%{left:107%;right:-8%}
}
@keyframes indeterminate-short {
0%{left:-200%;right:100%}
60%{left:107%;right:-8%}
100%{left:107%;right:-8%}
}
.hide{display:none!important}
.left-align{text-align:left}
.right-align{text-align:right}
.center,.center-align{text-align:center}
.left{float:left!important}
.right{float:right!important}
.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.circle,.avatar-wrapper .avatar{border-radius: 2px;}
.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:.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)}
nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}
.collection-item span.badge{margin-top:calc(.75rem - 11px)}
.collapsible span.badge{margin-left:auto}
.sidenav span.badge{margin-top:calc(24px - 11px)}
table span.badge{display:inline-block;float:none;margin-left:auto}
.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:liga;-moz-font-feature-settings:liga;font-feature-settings:liga}
.container{margin:0 auto;max-width:1280px;width: 94%;}
@media only screen and (min-width: 601px) {
.container{width:85%}
}
@media only screen and (min-width: 993px) {
.container{width:70%}
}
.col .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:right;box-sizing:border-box;padding:0 .75rem;min-height:1px}
.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}
.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}
.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}
.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}
.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}
@media only screen and (min-width: 601px) {
.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}
.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}
.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}
.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}
}
@media only screen and (min-width: 993px) {
.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}
.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}
.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}
.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}
}
nav{width:100%;height:56px;line-height:56px}
nav.nav-extended{height:auto}
nav.nav-extended .nav-wrapper{min-height:56px;height:auto}
nav.nav-extended .nav-content{position:relative;line-height:normal}
nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:30px;height:56px;line-height:56px}
nav .nav-wrapper{position:relative;height:100%}
@media only screen and (min-width: 993px) {
nav a.sidenav-trigger{display:none}
}
nav .sidenav-trigger{float: right;position:relative;z-index:1;height: 58px;margin:0 18px}
nav .sidenav-trigger i{height:56px;line-height:56px}
nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}
nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
@media only screen and (max-width: 992px) {
nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}
nav .brand-logo.left{left:.5rem}
nav .brand-logo.right{right:.5rem;left:auto}
}
nav .brand-logo.right{right:.5rem;padding:0}
nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}
nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}
nav ul{margin:0}
nav ul li{transition:background-color .3s;float:right;padding:0}
nav ul li.active{background-color:#0000001a}
nav ul a{transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}
nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}
nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}
nav ul a:hover{background-color:#0000001a}
nav ul.left{float:left}
nav form{height:100%}
nav .input-field{margin:0;height:100%}
nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}
nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;box-shadow:none}
nav .input-field label{top:0;left:0}
nav .input-field label i{color:#ffffffb3;transition:color .3s}
nav .input-field label.active i{color:#fff}
.navbar-fixed{position:relative;height:56px;z-index:997}
.navbar-fixed nav{position:fixed}
@media only screen and (min-width: 601px) {
nav.nav-extended .nav-wrapper{min-height:64px}
nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}
.navbar-fixed{height:64px}
}
a{text-decoration:none}
html{line-height:1.5;font-family:PeydaWeb;font-weight:400;color:#000000de}
@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:16px}
}
h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.3}
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.8rem 0 1.68rem}
h2{font-size:28px;line-height:110%;margin:2.3733333333rem 0 1.424rem}
h3{font-size:25px;line-height:110%;margin:1.9466666667rem 0 1.168rem}
h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem}
h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem}
h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem}
em{font-style:italic}
strong{font-weight:500}
small{font-size:75%}
.light{font-weight:300}
.thin{font-weight:200}
@media only screen and (min-width: 360px) {
.flow-text{font-size:1.2rem}
}
@media only screen and (min-width: 390px) {
.flow-text{font-size:1.224rem}
}
@media only screen and (min-width: 420px) {
.flow-text{font-size:1.248rem}
}
@media only screen and (min-width: 450px) {
.flow-text{font-size:1.272rem}
}
@media only screen and (min-width: 480px) {
.flow-text{font-size:1.296rem}
}
@media only screen and (min-width: 510px) {
.flow-text{font-size:1.32rem}
}
@media only screen and (min-width: 540px) {
.flow-text{font-size:1.344rem}
}
@media only screen and (min-width: 570px) {
.flow-text{font-size:1.368rem}
}
@media only screen and (min-width: 600px) {
.flow-text{font-size:1.392rem}
}
@media only screen and (min-width: 630px) {
.flow-text{font-size:1.416rem}
}
@media only screen and (min-width: 660px) {
.flow-text{font-size:1.44rem}
}
@media only screen and (min-width: 690px) {
.flow-text{font-size:1.464rem}
}
@media only screen and (min-width: 720px) {
.flow-text{font-size:1.488rem}
}
@media only screen and (min-width: 750px) {
.flow-text{font-size:1.512rem}
}
@media only screen and (min-width: 780px) {
.flow-text{font-size:1.536rem}
}
@media only screen and (min-width: 810px) {
.flow-text{font-size:1.56rem}
}
@media only screen and (min-width: 840px) {
.flow-text{font-size:1.584rem}
}
@media only screen and (min-width: 870px) {
.flow-text{font-size:1.608rem}
}
@media only screen and (min-width: 900px) {
.flow-text{font-size:1.632rem}
}
@media only screen and (min-width: 930px) {
.flow-text{font-size:1.656rem}
}
@media only screen and (min-width: 960px) {
.flow-text{font-size:1.68rem}
}
@media only screen and (max-width: 360px) {
.flow-text{font-size:1.2rem}
}
.scale-transition{transition:-webkit-transform .3s cubic-bezier(0.53,0.01,0.36,1.63)!important;transition:transform .3s cubic-bezier(0.53,0.01,0.36,1.63)!important;transition:transform .3s cubic-bezier(0.53,0.01,0.36,1.63),-webkit-transform .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}
.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{background-color:inherit;border-top:1px solid #a0a0a033;position:relative;padding:16px 24px}
.card .card-action:last-child{border-radius:0 0 2px 2px}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):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-small):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}
#toast-container{display:block;position:fixed;z-index:10000}
@media only screen and (max-width: 600px) {
#toast-container{min-width:100%;bottom:0}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
#toast-container{left:5%;bottom:7%;max-width:90%}
}
@media only screen and (min-width: 993px) {
#toast-container{top:10%;right:7%;max-width:86%}
}
.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}
.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}
.toast.rounded{border-radius:24px}
@media only screen and (max-width: 600px) {
.toast{width:100%;border-radius:0}
}
.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:#ffffffb3}
.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:#1de9c3b3;display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;transition:color .28s ease,background-color .28s ease}
.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:#63f0d633;outline:none}
.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#1de9c3}
.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:#1de9c366;cursor:default}
.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#63f0d6;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;background-color:#323232}
.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-small,.btn-flat{border:none;border-radius:0;display:inline-block;height:42px;line-height:42px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],[disabled].btn-large,[disabled].btn-small,.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF!important;box-shadow:none;color:#9F9F9F!important;cursor:default}
.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,[disabled].btn-large:hover,[disabled].btn-small:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF!important;color:#9F9F9F!important}
.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:16px;outline:0}
.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}
.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus{background-color:#1d7d74}
.btn,.btn-large,.btn-small{text-decoration:none;color:#fff;text-align:center;letter-spacing:.5px;transition:background-color .2s ease-out;cursor:pointer}
.btn:hover,.btn-large:hover,.btn-small: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:background-color .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;padding:0}
.btn-floating.btn-large.halfway-fab{bottom:-28px}
.btn-floating.btn-large i{line-height:56px}
.btn-floating.btn-small{width:32.4px;height:32.4px}
.btn-floating.btn-small.halfway-fab{bottom:-16.2px}
.btn-floating.btn-small i{line-height:32.4px}
.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}
.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}
button.btn-floating{border:none}
.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}
.fixed-action-btn.active ul{visibility:visible}
.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}
.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}
.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}
.fixed-action-btn.direction-right{padding:0 15px 0 0}
.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}
.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}
.fixed-action-btn.direction-bottom{padding:0 0 15px}
.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.fixed-action-btn.direction-bottom ul li{margin: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;z-index:1}
.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:hover{box-shadow:none}
.btn-flat:focus{background-color:#0000001a}
.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent!important;color:#b3b3b3!important;cursor:default}
.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}
.btn-large i{font-size:1.6rem}
.btn-small{height:32.4px;line-height:32.4px;font-size:13px}
.btn-small i{font-size:1.2rem}
.btn-block{display:block}
.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}
.dropdown-content:focus{outline:0}
.dropdown-content li{clear:both;color:#000000de;cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}
.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}
.dropdown-content li:focus{outline:none}
.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;float:left;margin:0 24px 0 0;width:24px}
body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}
.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}
.dropdown-trigger{cursor:pointer}
.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}
.modal:focus{outline:none}
@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%;text-align:right}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}
.modal-overlay{position:fixed;z-index:999;top:-25%;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 #0000001a;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:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border: 1px solid #ddd;border-radius: 3px;}
.collapsible-header:focus{outline:0}
span.section-title {
    font-size: 22px;
}

li.active .collapsible-header {
    background: #3b3b3b;
    color: #fff;
}

ul.collapsible li {
    margin: 4px;
    list-style-type: none !important;
}
.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}
.keyboard-focused .collapsible-header:focus{background-color:#eee}
.collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem}
.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;box-shadow:none}
.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0;margin: 0;border-bottom: none;}
.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}
.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:#0000000d}
.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}
.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}
.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}
.collapsible-header.side-nav-collap svg {
    float: right;
    margin: 12px 0 0 6px;}

.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}
.chips:empty ~ label{font-size:.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}
.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}
select:focus{outline:1px solid #c9f3ef}
button:focus{outline:none;background-color:#2ab7a9}
label{font-size:.8rem;color:#9e9e9e}
::-webkit-input-placeholder{color:#d1d1d1}
::-moz-placeholder{color:#d1d1d1}
:-ms-input-placeholder{color:#d1d1d1}
::placeholder{color:#d1d1d1}
textarea{background-color: #fafafa;width: 100%;border: 1px solid #d6d6d6;border-radius: 2px;}
textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0;resize:none;min-height:3rem;box-sizing:border-box}
.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}
.autocomplete-content li .highlight{color:#444}
.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}
.character-counter{min-height:18px}
select{display:none}
select.browser-default{display:block}
select{background-color:#ffffffe6;width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px #26a69a42}
.table-of-contents.fixed{position:fixed}
.table-of-contents li{padding:2px 0}
.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4px;display:inline-block}
.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #1de9c3}
.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #1de9c3}
.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}
.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}
.sidenav .collapsible{margin:0}
.sidenav li{float:none;line-height:48px;border-bottom: 3px solid #252525;}
.sidenav li.active{background-color:#0000000d}
.sidenav li>a{color:#000000de;display:block;font-size:16px;font-weight:500;height: 54px;line-height: 54px;padding:0 32px}
.sidenav li>a:hover{background-color:#0000000d}
.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}
.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#fff}
.sidenav li>a.btn-flat{color:#343434}
.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#2bbbad}
.sidenav li>a.btn-floating:hover{background-color:#26a69a}
.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:#0000008a}
.sidenav .divider{margin:8px 0 0}
.sidenav .subheader{cursor:initial;pointer-events:none;color:#0000008a;font-size:14px;font-weight:500;line-height:48px}
.sidenav .subheader:hover{background-color:transparent}
.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}
.drag-target.right-aligned{right:0}
.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}
.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}
@media only screen and (max-width: 992px) {
.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}
.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}
.sidenav>a{padding:0 16px}
.sidenav .user-view{padding:16px 16px 0}
}
.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#1de9c3}
.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}
.sidenav .collapsible-body{padding:0}
.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:#00000080;z-index:997;display:none}
.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}
.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}
.spinner-red,.spinner-red-only{border-color:#db4437}
.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}
.spinner-green,.spinner-green-only{border-color:#0f9d58}
.active .spinner-layer.spinner-blue{-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.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,red-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,red-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both}
.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,yellow-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,yellow-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both}
.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both,green-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,green-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both}
.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{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)}
25%{-webkit-transform:rotate(270deg)}
37.5%{-webkit-transform:rotate(405deg)}
50%{-webkit-transform:rotate(540deg)}
62.5%{-webkit-transform:rotate(675deg)}
75%{-webkit-transform:rotate(810deg)}
87.5%{-webkit-transform:rotate(945deg)}
to{-webkit-transform:rotate(1080deg)}
}
@keyframes fill-unfill-rotate {
12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}
50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}
62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}
75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}
87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}
to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}
}
@-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}
}
@-webkit-keyframes red-fade-in-out {
from{opacity:0}
15%{opacity:0}
25%{opacity:1}
50%{opacity:1}
51%{opacity:0}
}
@keyframes red-fade-in-out {
from{opacity:0}
15%{opacity:0}
25%{opacity:1}
50%{opacity:1}
51%{opacity:0}
}
@-webkit-keyframes yellow-fade-in-out {
from{opacity:0}
40%{opacity:0}
50%{opacity:1}
75%{opacity:1}
76%{opacity:0}
}
@keyframes yellow-fade-in-out {
from{opacity:0}
40%{opacity:0}
50%{opacity:1}
75%{opacity:1}
76%{opacity:0}
}
@-webkit-keyframes green-fade-in-out {
from{opacity:0}
65%{opacity:0}
75%{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
@keyframes green-fade-in-out {
from{opacity:0}
65%{opacity:0}
75%{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}
.gap-patch .circle,.gap-patch .avatar-wrapper .avatar,.avatar-wrapper .gap-patch .avatar{width:1000%;left:-450%}
.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}
.circle-clipper .circle,.circle-clipper .avatar-wrapper .avatar,.avatar-wrapper .circle-clipper .avatar{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,.circle-clipper.left .avatar-wrapper .avatar,.avatar-wrapper .circle-clipper.left .avatar{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}
.circle-clipper.right .circle,.circle-clipper.right .avatar-wrapper .avatar,.avatar-wrapper .circle-clipper.right .avatar{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}
.active .circle-clipper.left .circle,.active .circle-clipper.left .avatar-wrapper .avatar,.avatar-wrapper .active .circle-clipper.left .avatar{-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,.active .circle-clipper.right .avatar-wrapper .avatar,.avatar-wrapper .active .circle-clipper.right .avatar{-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{-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}
}
.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;transition:visibility 0 .3s}
.tap-target-wrapper.open{visibility:visible;transition:visibility 0}
.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;transition:opacity .3s cubic-bezier(0.42,0,0.58,1),-webkit-transform .3s cubic-bezier(0.42,0,0.58,1);transition:transform .3s cubic-bezier(0.42,0,0.58,1),opacity .3s cubic-bezier(0.42,0,0.58,1);transition:transform .3s cubic-bezier(0.42,0,0.58,1),opacity .3s cubic-bezier(0.42,0,0.58,1),-webkit-transform .3s cubic-bezier(0.42,0,0.58,1)}
.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}
.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;transition:opacity .3s,visibility 0 1s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0 1s;transition:opacity .3s,transform .3s,visibility 0 1s,-webkit-transform .3s}
.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#1de9c3;box-shadow:0 20px 20px 0 #00000024 10px 50px 0 #0000001f 30px 10px -20px #0003;width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);transition:opacity .3s cubic-bezier(0.42,0,0.58,1),-webkit-transform .3s cubic-bezier(0.42,0,0.58,1);transition:transform .3s cubic-bezier(0.42,0,0.58,1),opacity .3s cubic-bezier(0.42,0,0.58,1);transition:transform .3s cubic-bezier(0.42,0,0.58,1),opacity .3s cubic-bezier(0.42,0,0.58,1),-webkit-transform .3s cubic-bezier(0.42,0,0.58,1)}
.tap-target-content{position:relative;display:table-cell}
.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}
.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff}
.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.tap-target-wave::after{visibility:hidden;transition:opacity .3s,visibility 0s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility 0;transition:opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;z-index:-1}
.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10002;position:absolute!important}
.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}
@media only screen and (max-width: 600px) {
.tap-target,.tap-target-wrapper{width:600px;height:600px}
}
.pulse{overflow:visible;position:relative}
.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;z-index:-1}
@-webkit-keyframes pulse-animation {
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes pulse-animation {
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
}

.clients,.section.clients{margin:0;padding:0;height:auto}
.clients .row,.section.clients .row{margin:0}
.clients .client,.section.clients .client{position:relative;height:256px}
.clients .client:hover .logo,.section.clients .client:hover .logo{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}
.clients .client:hover .title,.section.clients .client:hover .title{opacity:1}
.clients .client .logo,.section.clients .client .logo{position:absolute;top:50%;left:50%;-webkit-transform:scale(0.8) translate(-50%,-50%);transform:scale(0.8) translate(-50%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.clients .client .title,.section.clients .client .title{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;text-align:center;line-height:256px;font-size:40px;font-weight:300;color:#fff;transition:opacity .2s}
.blog-title{text-align:center}
.blog-title.fade-transition{position:fixed;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.blog-title.fade-transition.loaded{opacity:1}
.blog-title h1,.blog-title h2,.blog-title h3,.blog-title h4,.blog-title h5{margin:10px 0}
.blog-title .date{color:#bbb}
.blog-body h4{font-size:1.5rem;font-weight:300;line-height:2.4rem}
.blog-body p{font-size:1.3rem;font-weight:300;margin:20px 0;text-align: right;}
.blog-author .author,.blog-author .date{color:#444;font-size:13px;font-weight:500;line-height:20px;padding-left:15px;margin:5px 0;display:inline-block;vertical-align:top}
.blog-author .author span,.blog-author .date span{display:block;color:#999;font-size:12px;font-weight:400}
.blog-author .date{float:right;text-align:right}
.avatarwrp {
    margin: 1rem auto;
    display: inline-block;
    padding: 1rem;
    filter: grayscale(1);
}

.avatarwrp span.name , .avatarwrp span {
    display: block;
    color: #898989;
}

span.name {
    color: #dbdbdb !important;
    font-weight: 500;
    margin: 10px auto;
}

.avatarwrp:hover {
    filter: grayscale(0);
}
.avatar-wrapper{position:relative;display: block;margin: 1rem auto;width: fit-content;}
.avatar-wrapper .avatar{display:block;overflow:hidden;height: 160px;width: 160px;transition: 0.2s ease;}
.avatar-wrapper .avatar img{width: 160px;}
.avatar-wrapper::after{content:'';width:100%;height:100%;border-radius: 2px;position:absolute;top:0;left:0;border:2px solid #ffffff80;transition:border-color .15s,-webkit-transform .15s;transition:transform .15s,border-color .15s;transition:transform .15s,border-color .15s,-webkit-transform .15s}
.avatar-wrapper:hover::after{-webkit-transform:scale(1.2);transform: scale(1.1);border-color: #FFC107;transition:border-color 0.2s,-webkit-transform .2s cubic-bezier(0.06,0.59,0.24,1.55);transition:transform .2s cubic-bezier(0.06,0.59,0.24,1.55),border-color .2s;transition:transform .2s cubic-bezier(0.06,0.59,0.24,1.55),border-color 0.2s,-webkit-transform .2s cubic-bezier(0.06,0.59,0.24,1.55)}
.team h3{display:inline-block;margin-top:0;padding-bottom:8px}
.team p.caption{color:#888;margin-bottom:40px}
.team .divider{margin:40px 0 80px}
.team .avatar-wrapper{display:block;width:80%;max-width:150px;margin:0 auto 30px}
.team .avatar-wrapper:hover::after{-webkit-transform:scale(1.15);transform:scale(1.15)}
.team .avatar-wrapper::after{border-width:4px}
.team .avatar-wrapper .avatar{width:100%;padding-bottom:100%}
.team .avatar-wrapper .avatar img{width:100%}
.team .avatar-wrapper .avatar::after{border-width:10px}
.team .avatar-name{margin-top:20px;display:block;text-align:center}
.team .avatar-name .name{font-weight:500;font-size:18px}
.team .avatar-name .title{display:block;font-weight:300;font-size:14px;color:#888}
@media only screen and (max-width: 600px) {
.team .avatar-wrapper{margin:0 auto}
.team .avatar-name{margin-bottom:40px}
}
.center-transform-origin{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.right-transform-origin{-webkit-transform-origin:0 50%;transform-origin:0 50%}
.top-transform-origin{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.bottom-transform-origin{-webkit-transform-origin:50% 0;transform-origin:50% 0}
.left-transform-origin{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}
.perspective-wrapper{-webkit-perspective:1000px;perspective:1000px}
.rotate-y-in-out.right-transform-origin{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}
.rotate-x-in-out.top-transform-origin{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
.perspective-wrapper .laptop-preview-sizer.lid-tilt-in-out{-webkit-transform:rotateX(45deg);transform:rotateX(45deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.perspective-wrapper .laptop-preview-sizer.lid-tilt-in-out.active{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.perspective-wrapper .phone-preview-sizer.phone-arc-in-out{max-width:200px;-webkit-transform:rotateY(30deg);transform:rotateY(30deg)}
.perspective-wrapper .phone-preview-sizer.phone-arc-in-out.active{-webkit-transform:translateX(1000px) rotateY(-30deg);transform:translateX(1000px) rotateY(-30deg)}
.staggered-transition-wrapper[data-disabled="true"] .fade-in-out,.staggered-transition-wrapper[data-disabled="true"] .fade-in{opacity:1}
.staggered-transition-wrapper[data-disabled="true"] .fade-out-in,.staggered-transition-wrapper[data-disabled="true"] .fade-out{opacity:0}
.fade-in-out,.fade-in{opacity:0}
.fade-in-out.active,.fade-in-out[data-disabled="true"],.fade-in.active,.fade-in[data-disabled="true"]{opacity:1}
.fade-in-out.no-tween,.fade-in.no-tween{transition:opacity .3s}
.fade-out-in,.fade-out{opacity:1}
.fade-out-in.active,.fade-out-in[data-disabled="true"],.fade-out.active,.fade-out[data-disabled="true"]{opacity:0}
.fade-out-in.no-tween,.fade-out.no-tween{transition:opacity .3s}
.staggered-transition-wrapper[data-disabled="true"] .scale-in-out,.staggered-transition-wrapper[data-disabled="true"] .scale-in{-webkit-transform:scale(1);transform:scale(1)}
.staggered-transition-wrapper[data-disabled="true"] .scale-out-in,.staggered-transition-wrapper[data-disabled="true"] .scale-out{-webkit-transform:scale(.5);transform:scale(.5)}
.scale-in-out,.scale-in{-webkit-transform:scale(.5);transform:scale(.5)}
.scale-in-out.active,.scale-in-out[data-disabled="true"],.scale-in.active,.scale-in[data-disabled="true"]{-webkit-transform:scale(1);transform:scale(1)}
.scale-in-out.no-tween,.scale-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.scale-out-in,.scale-out{-webkit-transform:scale(1);transform:scale(1)}
.scale-out-in.active,.scale-out-in[data-disabled="true"],.scale-out.active,.scale-out[data-disabled="true"]{-webkit-transform:scale(.5);transform:scale(.5)}
.scale-out-in.no-tween,.scale-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .up-in-out,.staggered-transition-wrapper[data-disabled="true"] .up-in{-webkit-transform:translateY(0);transform:translateY(0)}
.staggered-transition-wrapper[data-disabled="true"] .up-out-in,.staggered-transition-wrapper[data-disabled="true"] .up-out{-webkit-transform:translateY(25%);transform:translateY(25%)}
.up-in-out,.up-in{-webkit-transform:translateY(25%);transform:translateY(25%)}
.up-in-out.active,.up-in-out[data-disabled="true"],.up-in.active,.up-in[data-disabled="true"]{-webkit-transform:translateY(0);transform:translateY(0)}
.up-in-out.no-tween,.up-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.up-out-in,.up-out{-webkit-transform:translateY(0);transform:translateY(0)}
.up-out-in.active,.up-out-in[data-disabled="true"],.up-out.active,.up-out[data-disabled="true"]{-webkit-transform:translateY(25%);transform:translateY(25%)}
.up-out-in.no-tween,.up-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .right-in-out,.staggered-transition-wrapper[data-disabled="true"] .right-in{-webkit-transform:translateX(0);transform:translateX(0)}
.staggered-transition-wrapper[data-disabled="true"] .right-out-in,.staggered-transition-wrapper[data-disabled="true"] .right-out{-webkit-transform:translateX(-25%);transform:translateX(-25%)}
.right-in-out,.right-in{-webkit-transform:translateX(-25%);transform:translateX(-25%)}
.right-in-out.active,.right-in-out[data-disabled="true"],.right-in.active,.right-in[data-disabled="true"]{-webkit-transform:translateX(0);transform:translateX(0)}
.right-in-out.no-tween,.right-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.right-out-in,.right-out{-webkit-transform:translateX(0);transform:translateX(0)}
.right-out-in.active,.right-out-in[data-disabled="true"],.right-out.active,.right-out[data-disabled="true"]{-webkit-transform:translateX(-25%);transform:translateX(-25%)}
.right-out-in.no-tween,.right-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .down-in-out,.staggered-transition-wrapper[data-disabled="true"] .down-in{-webkit-transform:translateY(0);transform:translateY(0)}
.staggered-transition-wrapper[data-disabled="true"] .down-out-in,.staggered-transition-wrapper[data-disabled="true"] .down-out{-webkit-transform:translateY(-25%);transform:translateY(-25%)}
.down-in-out,.down-in{-webkit-transform:translateY(-25%);transform:translateY(-25%)}
.down-in-out.active,.down-in-out[data-disabled="true"],.down-in.active,.down-in[data-disabled="true"]{-webkit-transform:translateY(0);transform:translateY(0)}
.down-in-out.no-tween,.down-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.down-out-in,.down-out{-webkit-transform:translateY(0);transform:translateY(0)}
.down-out-in.active,.down-out-in[data-disabled="true"],.down-out.active,.down-out[data-disabled="true"]{-webkit-transform:translateY(-25%);transform:translateY(-25%)}
.down-out-in.no-tween,.down-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .left-in-out,.staggered-transition-wrapper[data-disabled="true"] .left-in{-webkit-transform:translateX(0);transform:translateX(0)}
.staggered-transition-wrapper[data-disabled="true"] .left-out-in,.staggered-transition-wrapper[data-disabled="true"] .left-out{-webkit-transform:translateX(25%);transform:translateX(25%)}
.left-in-out,.left-in{-webkit-transform:translateX(25%);transform:translateX(25%)}
.left-in-out.active,.left-in-out[data-disabled="true"],.left-in.active,.left-in[data-disabled="true"]{-webkit-transform:translateX(0);transform:translateX(0)}
.left-in-out.no-tween,.left-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.left-out-in,.left-out{-webkit-transform:translateX(0);transform:translateX(0)}
.left-out-in.active,.left-out-in[data-disabled="true"],.left-out.active,.left-out[data-disabled="true"]{-webkit-transform:translateX(25%);transform:translateX(25%)}
.left-out-in.no-tween,.left-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .rotate-y-in-out,.staggered-transition-wrapper[data-disabled="true"] .rotate-y-in{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.staggered-transition-wrapper[data-disabled="true"] .rotate-y-out-in,.staggered-transition-wrapper[data-disabled="true"] .rotate-y-out{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.rotate-y-in-out,.rotate-y-in{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.rotate-y-in-out.active,.rotate-y-in-out[data-disabled="true"],.rotate-y-in.active,.rotate-y-in[data-disabled="true"]{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.rotate-y-in-out.no-tween,.rotate-y-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.rotate-y-out-in,.rotate-y-out{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.rotate-y-out-in.active,.rotate-y-out-in[data-disabled="true"],.rotate-y-out.active,.rotate-y-out[data-disabled="true"]{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.rotate-y-out-in.no-tween,.rotate-y-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.staggered-transition-wrapper[data-disabled="true"] .rotate-x-in-out,.staggered-transition-wrapper[data-disabled="true"] .rotate-x-in{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.staggered-transition-wrapper[data-disabled="true"] .rotate-x-out-in,.staggered-transition-wrapper[data-disabled="true"] .rotate-x-out{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.rotate-x-in-out,.rotate-x-in{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.rotate-x-in-out.active,.rotate-x-in-out[data-disabled="true"],.rotate-x-in.active,.rotate-x-in[data-disabled="true"]{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.rotate-x-in-out.no-tween,.rotate-x-in.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.rotate-x-out-in,.rotate-x-out{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
.rotate-x-out-in.active,.rotate-x-out-in[data-disabled="true"],.rotate-x-out.active,.rotate-x-out[data-disabled="true"]{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.rotate-x-out-in.no-tween,.rotate-x-out.no-tween{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.title-transition[data-disabled="true"]{height:50%}
.title-transition[data-disabled="true"] .fade-transition{position:relative;-webkit-transform:none;transform:none}
.title-transition .fade-transition{-webkit-transform-origin:50%;transform-origin:50%}

body,html{height:100%}
body{color:#fff;background:#1c1c1c}
body.light-theme{background-color:#fff;color:#444}
@media only screen and (min-width: 993px) {
.container{width: 90%;}
}
button{background:none;border:0}
button:focus{background:none}
i{color:#ec1b4e}
.primary-color{background-color:#1de9c3!important}
.primary-color-text{color:#1de9c3!important}
.divider{margin:40px 0}
.google-map{width:100%;color:#444}
.no-gutter{padding-left:0!important;padding-right:0!important}
.row.valign{width:100%}
.background{display:block;position:absolute;opacity:.2;top:0;height:100%;z-index:-1;overflow:hidden;background:#000;text-align:center;width:100%;background-image:url(https://heemegroup.com/files/background.webp);background-position:bottom;background-size:cover;color:#fff}
.background::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,#0000 0%,#1c1c1c 100%);pointer-events:none}
.background.portrait img{min-width:100%;width:auto;min-height:none;height:100%}
.background img{width:100%;min-height:100%;opacity:.3;display:none}
h1{margin-bottom:50px}
h5{font-size:20px;font-weight:800;text-transform:uppercase}
p{font-weight:300;font-size:18px;line-height:42px}
p.shadow{color:#c6c6c6}
p.caption{color:inherit;padding-left:1rem;height:98px;opacity:.6}
.service span{font-size:20px;display:flex;font-weight:500;line-height:58px;padding-right:26px}
.feature{margin-bottom:50px}
span.date{text-transform:uppercase;font-weight:300}
nav.navbar ul.dropdown-content li>a::before,nav.navbar ul.dropdown-content li>span::before,.dropdown-content li>a::before,.dropdown-content li>span::before,.sidenav li>a::before,nav.navbar ul a::before{content:'';position:absolute;bottom:0;width:100%;height:2px;background-color:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}
nav.navbar ul.dropdown-content li>a::before,nav.navbar ul.dropdown-content li>span::before,.dropdown-content li>a::before,.dropdown-content li>span::before,.sidenav li>a::before{background-color: #FFC107;left:-10px;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}
nav.navbar ul.dropdown-content li:hover,.dropdown-content li:hover{background-color:transparent}
nav.navbar ul.dropdown-content li>a,nav.navbar ul.dropdown-content li>span,.dropdown-content li>a,.dropdown-content li>span{color:#444;padding-left:0;padding-right:0;transition:color .2s}
nav.navbar ul.dropdown-content li>a:hover,nav.navbar ul.dropdown-content li>span:hover,.dropdown-content li>a:hover,.dropdown-content li>span:hover{color:#ec1b4e}
nav.navbar ul.dropdown-content li>a:hover::before,nav.navbar ul.dropdown-content li>span:hover::before,.dropdown-content li>a:hover::before,.dropdown-content li>span:hover::before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.dropdown-trigger i.right{margin-left:5px}
.sidenav{background-color:#202020}
.sidenav li.active>a,.sidenav li:hover>a,.sidenav li>a:hover,.sidenav li>a.active{background-color: #2a2a2a;}
.sidenav li.active>a::before,.sidenav li:hover>a::before,.sidenav li>a:hover::before,.sidenav li>a.active::before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.sidenav li>a{position:relative;color:#e3e3e3;font-weight:300;padding:0 16px}
.sidenav li>a::before{left:auto;right:0}
.sidenav .collapsible-body{background-color:#111}
nav.navbar{z-index:10;position:fixed;box-shadow:none;background-color:#1f1f1f;transition:box-shadow .3s,background-color .3s}
nav.navbar.pinned{background-color:#0000004d}
nav.navbar.absolute{position:absolute;top:0;width:100%}
nav.navbar.dark a,nav.navbar.solid a{color:#444}
nav.navbar.dark .brand-logo i,nav.navbar.solid .brand-logo i{color:#444}
nav.navbar.dark ul.dropdown-content li>a::before,nav.navbar.solid ul.dropdown-content li>a::before,nav.navbar.dark ul.dropdown-content li>span::before,nav.navbar.solid ul.dropdown-content li>span::before,nav.navbar.dark a::before,nav.navbar.solid a::before{background-color:#444}
nav.navbar.solid{background-color:#fff}
nav.navbar.solid.dark,nav.navbar.solid{background-color:#10a98d}
nav.navbar.solid.dark :not(.dropdown-content)>li>a,nav.navbar.solid :not(.dropdown-content)>li>a{color:#fff}
nav.navbar.solid.dark .brand-logo i,nav.navbar.solid .brand-logo i{color:#fff}
nav.navbar.solid.dark a::before,nav.navbar.solid a::before{background-color:#fff}
nav.navbar.solid.dark ul.dropdown-content li>a::before,nav.navbar.solid ul.dropdown-content li>a::before,nav.navbar.solid.dark ul.dropdown-content li>span::before,nav.navbar.solid ul.dropdown-content li>span::before{background-color:#10a98d}
nav.navbar .brand-logo{right:10px;-webkit-transform:initial;transform:initial;text-align:center}
nav.navbar .brand-logo i{line-height:inherit;color:#fff;transition:color .2s}
nav.navbar.pinned .brand-logo i{color:#1de9c3}
nav.navbar ul>li.active>a::before,nav.navbar ul>li>a.active::before,nav.navbar ul>li>a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}
nav.navbar ul li.active{background-color:transparent}
nav.navbar ul a{padding-left:0;padding-right:0;margin:0 10px;position:relative;font-weight:300;transition:color .2s}
nav.navbar ul a:hover{background-color:transparent}
.header .header-wrapper{top:0;width:100%;height: 100vh;text-align:center}
.header .header-wrapper h1{margin:1rem 0 3rem;font-weight:100;font-size:7rem;color:#fff}
.header .header-wrapper .tagline{display:block;color:#fff;font-size:1.5rem;font-weight:200}
.header .header-wrapper .read-more{height:64px;line-height:64px;transition:color .2s;font-size:4rem}
.header .header-wrapper .read-more:active{-webkit-transform:translateY(1px);transform:translateY(1px);color:#63f0d6}
.header .header-wrapper .read-more i{font-size:30px;background:#0000003b;padding:12px;border-radius:100%}

.section{position:relative;padding:64px 0;height:100%;overflow:hidden;background-color:#1c1c1c;z-index:3}
.section.white{color:#444}
.section.light{color:#0009;background-color:#ec1b4e}
.section.light h1,.section.light h2,.section.light h3,.section.light h4,.section.light h5{color:#fff}
.section.full-height{height:auto}
.section.half-height{height:50%}
.section .section-title{border-bottom: 1px solid #999999;line-height: 2rem;display: inline-block;width:max-content;margin: 3rem auto;}
span.section-title svg {display: inline-block;float: right;margin: 0 0 0 12px;}
span.highlight{color:#febd2f;font-size: inherit !important;}
.section .caption{font-size:17px;font-weight:200}
.section .col{min-height:1px}
nav .sidenav-trigger svg {
    margin: 16px;
    color: #FFC107;}
nav a.btn{margin:10px;font-size:14px}
nav a.btn svg{margin:9px 10px 0 0;float:left}
.btn,.btn-large,.btn-small,.btn-large,.btn-floating{position:relative;overflow:hidden;background-color: #2E2E2D;box-shadow:none;border:1px solid #eeeeee4a;box-sizing:content-box;color:#eee;transition:color .2s,background-color .2s;margin:2px 0 2px 8px}
a.btn.yellow{background:#FFC107;color:#000}
.btn::before,.btn-large::before,.btn-small::before,.btn-large::before,.btn-floating::before{content:'';position:absolute;top:0;left:0;width:calc(100% + 40px);height:100%;background-color:#eee;-webkit-transform:skewX(-45deg) translateX(calc(-100% - 20px));transform:skewX(-45deg) translateX(calc(-100% - 20px));transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;z-index:-1}
.btn:hover,.btn-large:hover,.btn-small:hover,.btn-large:hover,.btn-floating:hover{box-shadow:none;background-color:#eee;color:#444}
.btn:hover::before,.btn-large:hover::before,.btn-small:hover::before,.btn-large:hover::before,.btn-floating:hover::before{-webkit-transform:skewX(-45deg) translateX(-20px);transform:skewX(-45deg) translateX(-20px)}
.btn:hover i,.btn-large:hover i,.btn-small:hover i,.btn-large:hover i,.btn-floating:hover i{color:#444}
.btn.dark,.dark.btn-large,nav.btn-large.navbar.solid,.dark.btn-small,nav.btn-small.navbar.solid,nav.btn.navbar.solid,.btn-large.dark,nav.btn-large.navbar.solid,.btn-floating.dark,nav.btn-floating.navbar.solid{border-color:#444;color:#444}
.btn.dark::before,.dark.btn-large::before,nav.btn-large.navbar.solid::before,.dark.btn-small::before,nav.btn-small.navbar.solid::before,nav.btn.navbar.solid::before,.btn-large.dark::before,nav.btn-large.navbar.solid::before,.btn-floating.dark::before,nav.btn-floating.navbar.solid::before{background-color:#444}
.btn.dark:hover,.dark.btn-large:hover,nav.btn-large.navbar.solid:hover,.dark.btn-small:hover,nav.btn-small.navbar.solid:hover,nav.btn.navbar.solid:hover,.btn-large.dark:hover,nav.btn-large.navbar.solid:hover,.btn-floating.dark:hover,nav.btn-floating.navbar.solid:hover{background-color:#444;color:#fff}
.btn.dark:hover i,.dark.btn-large:hover i,nav.btn-large.navbar.solid:hover i,.dark.btn-small:hover i,nav.btn-small.navbar.solid:hover i,nav.btn.navbar.solid:hover i,.btn-large.dark:hover i,nav.btn-large.navbar.solid:hover i,.btn-floating.dark:hover i,nav.btn-floating.navbar.solid:hover i{color:#fff}
.btn.dark:focus,.dark.btn-large:focus,nav.btn-large.navbar.solid:focus,.dark.btn-small:focus,nav.btn-small.navbar.solid:focus,nav.btn.navbar.solid:focus,.btn-large.dark:focus,nav.btn-large.navbar.solid:focus,.btn-floating.dark:focus,nav.btn-floating.navbar.solid:focus{background-color:#0000001a}
.btn.dark i,.dark.btn-large i,nav.btn-large.navbar.solid i,.dark.btn-small i,nav.btn-small.navbar.solid i,nav.btn.navbar.solid i,.btn-large.dark i,nav.btn-large.navbar.solid i,.btn-floating.dark i,nav.btn-floating.navbar.solid i{color:#444}
.btn i,.btn-large i,.btn-small i,.btn-large i,.btn-floating i{color:#eee;transition:color .2s}
.btn:focus,.btn-large:focus,.btn-small:focus{background-color:#fff3}
.btn-large::before{width:calc(100% + 60px);-webkit-transform:skewX(-45deg) translateX(calc(-100% - 30px));transform:skewX(-45deg) translateX(calc(-100% - 30px))}
.btn-large:hover::before{-webkit-transform:skewX(-45deg) translateX(-30px);transform:skewX(-45deg) translateX(-30px)}
.btn-floating{background-color:transparent;box-shadow:none;border:2px solid #eee}
.card .background{z-index:0;top:auto;bottom:0}
a.comment-permalink{display:none}
.comment-author-link,.comment-date-time{float:right;padding:5px 10px;font-size:14px;color:#000}
a.comment-edit-link{display:none}
section.comment-content.comment{display:inline-block;font-size:14px;width:100%;height:auto;padding:0 10px 10px}
a.comment-reply-link{display:none}
header.comment-meta{width:100%;display:inline-block;height:32px}
section.comment-content.comment p{margin:0 10px;font-size:15px;line-height:24px;color:#000}
article.comment{background:#fff;border-radius: 2px;margin:8px auto;border:1px solid #e7e7e7}
.comment-author-link span{display:none}
p.comment-awaiting-moderation{font-size:13px;text-align:center}
.comments-area{width:96%;margin:0 auto}
form.comment-form input{max-width:200px;padding:6px 20px;display:inline-block}
input.wpcf7-form-control.wpcf7-text,form.comment-form input{background: #fafafa;border: 1px solid #e3e3e3;line-height:34px;width:100%;border-radius: 2px;}
p.comment-form-url{display:none}
p.comment-form-cookies-consent{text-align:right}
form.comment-form label{min-width:60px;display:inline-block}
p.comment-form-author,p.comment-form-email{float:right;margin:6px 0 0 1rem}
p.form-submit{display:inline-block;margin:8px auto}
input#submit{background:#4c4b4b;color:#fff;font-weight: 500;font-size: 15px;}
.social li{display:inline-block;width:46px;float:right;text-align:center;margin:22px 4px;float:left}
footer svg:hover{filter:grayscale(0);margin-top:-6px}
.social svg{width:44px!important;height:44px!important;padding:6px;border-radius:2px;position:relative;color:#FFC107;filter:grayscale(1);transition:.3s ease}
.page-footer{color:#fff;padding:40px 0;margin:0}
.page-footer .row{margin:0}
.page-footer .materialize-logo{margin:10px 0;width:130px}
.page-footer p{margin:5px 0;color:#d4d4d4}
.page-footer ul li{margin-bottom:5px}
.page-footer ul li a:hover{color:#ffc008;padding-right:6px}
.page-footer ul li a{color:#bbb;font-size:18px;font-weight:500;margin:5px 0;height:28px;display:inline-block;transition:.2s ease}
.light .header-wrapper .tagline,.white .header-wrapper .tagline{color:#777}
.horizontal-half-wrapper .header-background.white+.header-wrapper .tagline{color:#777}
@media only screen and (max-width: 600px),only screen and (max-device-width: 641px) and (orientation: landscape) {
    nav a.btn {
    margin: 6px !important;
}
.section{height:auto}
.section.full-height .valign-wrapper{display:block}
.google-map{height:100%}
.header .header-wrapper h1{font-size:2rem}
.owl-dots{transform:rotate(0deg)!important;float:none!important;left:0!important;top:0!important}
}
.background.dark img{opacity:.7}
.background.dark{background:#000}
a.brand-logo img{width:100px;margin:0 auto}
li.collection-header{padding:10px 20px}
li.collection-header h4{font-weight:800}
li.collection-item i{font-size:24px;line-height:28px;float:left;margin:0 10px 0 0}
.max-box{box-shadow:2px 2px 10px #0000001c;border-radius:10px;overflow:hidden;background:#fff;padding:10px;border:1px solid #e0e0e0}
.logo img{width:100px;margin:4rem auto;display:block}
footer.page-footer.section{background:#1a1a1a;height: fit-content;}
.section.white{background:#fff;color:#000}
.apw.box.center{width:350px;overflow:hidden;padding:14px;background:#464646;margin:1rem auto;display:inline-block}
.apw.box img{width:100%;height:auto;height:200px}
.apw.box p{font-size: 15px;line-height:20px;text-align: right;color: #d2d2d2;height: 110px;}
span.entry-title{font-size:20px;font-weight:900;color:#fff}
.white-text p{color:#fff}
footer.page-footer span{font-size:18px;font-weight:800}
.service:hover{background:#febc30;color:#000}
.service{background:#272727;padding:2rem!important;margin:1rem 0;transition:.3s ease} 
@font-face{font-family:PeydaWeb;font-style:normal;font-weight:500;src:url(fonts/PeydaWeb-Medium.woff2) format("woff2"),url(fonts/PeydaWeb-Medium.woff) format("woff")}
@font-face{font-family:PeydaWeb;font-style:normal;font-weight:600;src:url(fonts/PeydaWeb-Semibold.woff2) format("woff2"),url(fonts/PeydaWeb-Semibold.woff) format("woff")}
@font-face{font-family:PeydaWeb;font-style:normal;font-weight:800;src:url(fonts/PeydaWeb-ExtraBold.woff2) format("woff2"),url(fonts/PeydaWeb-ExtraBold.woff) format("woff")}
@font-face{font-family:PeydaWeb;font-style:normal;font-weight:700;src:url(fonts/PeydaWeb-Bold.woff2) format("woff2"),url(fonts/PeydaWeb-Bold.woff) format("woff")}
@font-face{font-family:PeydaWeb;font-style:normal;font-weight:400;src:url(fonts/PeydaWeb-Regular.woff2) format("woff2"),url(fonts/PeydaWeb-Regular.woff) format("woff")}
.service lord-icon{float:right}
li.phone.yellow svg{filter:grayscale(0)}
.menu-main-container{margin-right:12%;padding-right:12%;width:max-content}
.frame-holder img{border-radius:10px;transition:.3s ease;height:600px!important;margin:0 auto;width:auto!important}
.frame-holder img:hover{filter:grayscale(0);box-shadow:2px 2px 10px #000}
h2.header{margin:1rem auto 5rem;font-weight:100;line-height:62px}
.owl-carousel.owl-portfo{height:620px}
.owl-dots{transform:rotate(90deg);position:relative;float:left;top:-300px;left:-150px;background:#161616;padding:3px 8px;height:26px;border-radius:6px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#FFC107!important}
.owl-theme .owl-dots .owl-dot span{background:#353535!important;width:20px!important;height:10px!important}
nav.navbar.solid ul.sub-menu {
    background: #fff;
}
li:hover > ul.sub-menu {
    display: block;
}

ul.sub-menu {
    display: none;
    position: absolute;
    min-width: 210px;
    max-width: 210px;
    box-shadow: 0 8px 16px 0 #0003;
    z-index: 1;
    top: 64px;
    transition: .4s 
ease;
    background: #242424;}
li.active svg {
    color: #FFC107;
    margin-left: 10px;
    transition: 0.3s ease;}
.blog-body li {
    list-style-type: circle !important;
    margin-right: 2rem;
    color: #161616;
    font-size: 17px;
    line-height: 32px;
    }
.service-holder {
    border-radius: 16px;
    overflow: hidden;
    background: #232323;}
.container.wide-container {
    max-width: 1660px;}
.owl-carousel {
  position: relative;
  overflow: hidden;}
.owl-carousel::before,
.owl-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  width: 230px; /* عرض fade - می‌تونی کم و زیاد کنی */
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.owl-carousel::before {
  left: 0;
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.owl-carousel::after {
  right: 0;
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.owl-nav {
    text-align: center;
    margin: 1rem;
}
.owl-carousel.owl-service  .owl-prev, .owl-carousel.owl-service .owl-next{display:inline-block;background: #f6f6f6 !important;margin:8px 0 0 6px;padding: 0 20px !important;font-size: 13px !important;line-height: 30px !important;color: #000 !important;font-weight: 700 !important;transition:.2s ease;border-radius: 10px;width: 72px;border: 1px solid #e0e0e0 !important;}
.owl-prev:hover,.owl-next:hover{color: #000000 !important;}
.service-holder img {
    display: block;
    width: 100%;
    height: auto;
    mask-image: linear-gradient(to bottom, transparent, black 30%);
    -webkit-mask-image: linear-gradient(to bottom, #12121200, #1f1f1f 90%);}
.text-wrp {
    position: relative;
    top: -660px;
    font-size: 26px;
    font-weight: 700;
    text-align: right;
    margin-bottom: -100px;
    height: 100px;
    padding: 0 26px;
    color: #fff;}
.text-wrp span {
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
    color: #fff;}
.section.white.full-height.dark {
    background: #1f1f1f;
    color: #fff;}
.contact-cta{background:#f5f5f5;display:inline-block;width:100%;padding: 20px 28px;text-align:center;margin: 12px auto;border-radius: 2px;}
span.cta-title{font-weight:800;margin: 8px 1rem;font-size:22px;display:block;text-align: right;}
.contact-cta a.btn {
    float: left;
    background: #2E2E2D;
    padding: 0 16px;
    border-radius: 0;
    }
.owl-carousel.owl-service {
    margin: 2rem auto;}
header.entry-header {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 10px auto;}
.blog-body a {
    font-weight: 800;
    font-size: 88%;
    background: #f0f8ff;
    border-radius: 2px;
    padding: 3px;
}