@charset "utf-8";
/*! IRAN Sans-Serif 4.0 by Moslem Ebrahimi - http://fontiran.com */
@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf) format("truetype")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Medium.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf) format("truetype")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Light.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf) format("truetype")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf) format("truetype")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(../fonts/IRANSans/eot/IRANSansWeb.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb.ttf) format("truetype")}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
*, *:before, *:after{margin:0;padding:0;outline:none !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{
  font-size:62.5%;
  font-family:serif;
  -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;
  height:100%;
}
body {overflow-x:hidden;position:relative;margin: 0;direction:ltr;font-family: "Roboto Slab", "Open sans", "Segoe UI", "Segoe WP", Helvetica, sans-serif;}
body.rtl{font-family:'IRANSans',sans-serif;direction:rtl;}
::-webkit-scrollbar {width: 1em;}
::-webkit-scrollbar-track {background-color:#e8e8e8;}
::-webkit-scrollbar-thumb {background-color: #aaa;}

/* HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,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;}

/* Links
   ========================================================================== */
a{background:transparent;text-decoration:none;
  transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;
  color:#54B4EF;
}
a:active,a:hover{outline:0;color:#0E97EA;}
a:focus{outline:0;color:#0E77EA;}
a.note{border-bottom:3px solid #323232;padding:0px 4px 1px 4px;}
a.note:hover{color:#FFFFFF;border-bottom:3px solid #A11E22;background-color:#262626;}
a.none:hover{color:#FFFFFF;background-color:transparent;}

/* Text-level semantics
   ========================================================================== */
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark{background:#ff0;color:#000;}
small{font-size:70%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

/* Embedded content
   ========================================================================== */
img{border:0;}
svg:not(:root){overflow:hidden;}

/* Grouping content
   ========================================================================== */
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow: visible;}
pre{direction:ltr;text-align:left;background:#eee;color: #000;font-size:15px;font-size:1.5em;line-height:1.6;margin:1em auto;padding:1.6em;overflow:auto;max-width:90%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;margin: 10px 5%;}
abbr, acronym{border-bottom:0.1em dotted;cursor:help;}
/* Forms
   ========================================================================== */



/* Grid Element Sizing
   ========================================================================== */
.row{display:block;padding:0;margin:0;width:100%}
.row:before,.row:after{display:table;content:""}
.row:after{clear:both}
.row > [class*=span]{float:left;min-height:1px;margin-right: 2.127659%;}
.row > [class*=span]:last-child, .row .endline{margin-right:0}

.row.auto > [class*=span]{float:left;min-height:1px;margin-right: 2.127659%;}
.row.auto > [class*=span]:last-child, .row.auto .endline{margin-right:0}

.row > .span1{width: 6.382978%;}
.row > .span2{width: 14.893614999999999%;}
.row > .span3{width: 23.404251999999996%;}
.row > .span4{width: 31.914889%;}
.row > .span5{width: 40.425526%;}
.row > .span6{width: 48.93616299999999%;}
.row > .span7{width: 57.446799999999996%;}
.row > .span8{width: 65.957437%;}
.row > .span9{width: 74.468074%;}
.row > .span10{width: 82.978711%;}
.row > .span11{width: 91.48934799999999%;}
.row > .span12{width: 99.99998499999998%;}

.row > .offset1{margin-left: 8.510637%;}
.row > .offset1:not(:first-child){margin-left: 10.638296%;}
.row > .offset2{margin-left: 17.021274%;}
.row > .offset2:not(:first-child){margin-left: 19.148933%;}
.row > .offset3{margin-left: 25.531910999999997%;}
.row > .offset3:not(:first-child){margin-left: 27.659569999999995%;}
.row > .offset4{margin-left: 34.042548%;}
.row > .offset4:not(:first-child){margin-left: 36.170207%;}
.row > .offset5{margin-left: 42.553185%;}
.row > .offset5:not(:first-child){margin-left: 44.680844%;}
.row > .offset6{margin-left: 51.063821999999995%;}
.row > .offset6:not(:first-child){margin-left: 53.191480999999996%;}
.row > .offset7{margin-left: 59.574459%;}
.row > .offset7:not(:first-child){margin-left: 61.702118%;}
.row > .offset8{margin-left: 68.085096%;}
.row > .offset8:not(:first-child){margin-left: 70.212755%;}
.row > .offset9{margin-left: 76.595733%;}
.row > .offset9:not(:first-child){margin-left: 78.72339199999999%;}
.row > .offset10{margin-left: 85.10637%;}
.row > .offset10:not(:first-child){margin-left: 87.23402899999999%;}
.row > .offset11{margin-left: 93.617007%;}
.row > .offset11:not(:first-child){margin-left: 95.744666%;}
.row > .offset12{margin-left: 102.12764399999999%;}
.row > .offset12:not(:first-child){margin-left: 104.25530299999998%;}

.rtl .row.auto > .offset1{margin-right: 8.510637%;}
.rtl .row.auto > .offset1:not(:first-child){margin-right: 10.638296%;}
.rtl .row.auto > .offset2{margin-right: 17.021274%;}
.rtl .row.auto > .offset2:not(:first-child){margin-right: 19.148933%;}
.rtl .row.auto > .offset3{margin-right: 25.531910999999997%;}
.rtl .row.auto > .offset3:not(:first-child){margin-right: 27.659569999999995%;}
.rtl .row.auto > .offset4{margin-right: 34.042548%;}
.rtl .row.auto > .offset4:not(:first-child){margin-right: 36.170207%;}
.rtl .row.auto > .offset5{margin-right: 42.553185%;}
.rtl .row.auto > .offset5:not(:first-child){margin-right: 44.680844%;}
.rtl .row.auto > .offset6{margin-right: 51.063821999999995%;}
.rtl .row.auto > .offset6:not(:first-child){margin-right: 53.191480999999996%;}
.rtl .row.auto > .offset7{margin-right: 59.574459%;}
.rtl .row.auto > .offset7:not(:first-child){margin-right: 61.702118%;}
.rtl .row.auto > .offset8{margin-right: 68.085096%;}
.rtl .row.auto > .offset8:not(:first-child){margin-right: 70.212755%;}
.rtl .row.auto > .offset9{margin-right: 76.595733%;}
.rtl .row.auto > .offset9:not(:first-child){margin-right: 78.72339199999999%;}
.rtl .row.auto > .offset10{margin-right: 85.10637%;}
.rtl .row.auto > .offset10:not(:first-child){margin-right: 87.23402899999999%;}
.rtl .row.auto > .offset11{margin-right: 93.617007%;}
.rtl .row.auto > .offset11:not(:first-child){margin-right: 95.744666%;}
.rtl .row.auto > .offset12{margin-right: 102.12764399999999%;}
.rtl .row.auto > .offset12:not(:first-child){margin-right: 104.25530299999998%;}



.row-clear{clear: both;display: block;}
.row-clear:before,.row-clear:after{display:table;content:""}
.row-clear:after{clear:both}

.rtl .row.auto > [class*="span"]{float:right;margin-left: 2.127659%;margin-right:0;}
.rtl .row.auto > [class*="span"]:last-child , .rtl .row.auto > .endline{margin-left:0;}



.row-padding-small{padding:5px 0;}
.row-padding-small2{padding:20px 0;}
.row-padding-medium{padding:50px 0;}
.row-padding-large{padding:100px 0;}
.row-padding-xlarge{padding:150px 0;}
.row-padding-xxlarge{padding:200px 0;}



/* Utility
   ========================================================================== */
/* Twitter Bootstrap ALert Box */
.alert{position:relative;margin-bottom:18px;color:#c09853;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:8px 35px 8px 14px;font-size:1.4em;font-family:sans-serif;}
.rtl .alert{padding:8px 14px 8px 35px;}
.alert .close{font-family:"FontAwesome";content:"\f00d";cursor:pointer;position:relative;display:block;opacity:0.5;transition: all .2s ease-in;font-size:1.2;line-height:130%;float:right;right: -21px;}
.rtl .alert .close{float:left;right:auto;left:-21px;}
.alert:hover .close{color:#000;}
.alert a{font-weight:bold;}
.alert-heading{color:inherit}
.alert-success, table .alert-success td{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.alert-danger, table .alert-danger td{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-error, table .alert-error td{color:#c09853;background-color:#fcf8e3;border-color:#eed3d7}
.alert-info, table .alert-info td{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.alert-good, table .alert-good td{color:#000000;background-color:#ebf8a4;border-color:#a2d246}
.alert-block{padding-top:14px;padding-bottom:14px;margin-top: 14px;}
.alert-block > p,.alert-block > ul{margin-bottom:0}
.alert-block p + p{margin-top:5px}
.fade{opacity:0.5;transition: all .5s ease-in;-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.fade:hover{opacity:0.8}
.fade-fast{opacity:0.7;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;-moz-transition: all .2s ease-in;}
.fade-fast:hover{opacity:0.9}

/* Labels */
.label {font-weight: 500;display: inline;padding: .2em .6em .3em;font-size: 85%;line-height: 1.5;color: #fff;text-align: center;vertical-align: baseline;border-radius: .25em;}
a.label:hover{color:#000;}
.label-form {display: inline-block;font-size: 120%;padding: 5px 10px;line-height:120%;margin-top: 4px;margin: 0 1%;}
.label-default {background-color: #777;}
.label-primary{background-color: #33414e;}
.label-success{background-color: #95b75d;}
.label-info{background-color: #3fbae4;}
.label-warning{background-color: #fea223;}
.label-danger{background-color: #b64645;}
.label-normal{color:#555;background:#f7f7f7;border:#ccc 1px solid;padding-bottom: 0}

/* Panel */
.panel{margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);color:#000;position:relative;clear:both}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;color: #000;line-height:1;background-color: #FFFFFF;border-color: #ddd;font-weight: bold;border-top-left-radius: 3px;border-top-right-radius: 3px;cursor:pointer;cursor:hand-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.panel-heading:after{font-family:"FontAwesome";content:"\f077";color:#99a0aa;padding:0px 8px;cursor:pointer;float:right}
.rtl .panel-heading:after{float:left;}
.panel.closed .panel-heading:after{content:"\f078";}
.panel.closed .panel-body, .panel.closed .panel-footer{display:none}
.panel-body {padding: 15px;}
.panel-footer {padding: 10px 15px;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.panel-default {border-color: #ddd;}
.panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-default > .panel-heading + .panel-collapse .panel-body {border-top-color: #ddd;}
.panel-default > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #ddd;}
.panel-primary {border-color: #428bca;}
.panel-primary > .panel-heading {color: #fff;background-color: #428bca;border-color: #428bca;}
.panel-primary > .panel-heading + .panel-collapse .panel-body {border-top-color: #428bca;}
.panel-primary > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #428bca;}
.panel-success {border-color: #d6e9c6;}
.panel-success > .panel-heading {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.panel-success > .panel-heading + .panel-collapse .panel-body {border-top-color: #d6e9c6;}
.panel-success > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #d6e9c6;}
.panel-info {border-color: #bce8f1;}
.panel-info > .panel-heading {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.panel-info > .panel-heading + .panel-collapse .panel-body {border-top-color: #bce8f1;}
.panel-info > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #bce8f1;}
.panel-warning {border-color: #faebcc;}
.panel-warning > .panel-heading {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.panel-warning > .panel-heading + .panel-collapse .panel-body {border-top-color: #faebcc;}
.panel-warning > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #faebcc;}
.panel-danger {border-color: #ebccd1;}
.panel-danger > .panel-heading {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.panel-danger > .panel-heading + .panel-collapse .panel-body {border-top-color: #ebccd1;}
.panel-danger > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #ebccd1;}

/* ROLL LINKS */
.roll-link{display:inline-block;overflow:hidden;vertical-align:top;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%}
.roll-link:hover{text-decoration:none;}
.roll-link span{display:block;position:relative;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;padding:0 2px}
.roll-link:hover span{background:#e93a30;-webkit-transform:translate3d(0px,0px,-30px) rotateX(90deg);-moz-transform:translate3d(0px,0px,-30px) rotateX(90deg);-ms-transform:translate3d(0px,0px,-30px) rotateX(90deg);transform:translate3d(0px,0px,-30px) rotateX(90deg)}
.roll-link span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;color:#fff;background:#e93a30;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:translate3d(0px,105%,0px) rotateX(-90deg);-moz-transform:translate3d(0px,105%,0px) rotateX(-90deg);-ms-transform:translate3d(0px,105%,0px) rotateX(-90deg);transform:translate3d(0px,105%,0px) rotateX(-90deg);padding:0 2px}
.roller:hover{background-color:transparent;}
.roller{display:inline-block;overflow:hidden;vertical-align:top}
.roller span{display:block;position:relative;right:0;top:0;width:100%;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.roller span:after{display:block;position:absolute;content:attr(data-title);right:0;top:100%;color:#fff;background:#29b0e5;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out}
.roller span:hover{color:#29b0e5;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-o-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}

/*! Hint.css - v1.3.3 - 2014-07-06 * http://kushagragour.in/lab/hint/ * Copyright (c) 2014 Kushagra Gour; Licensed MIT */
/* add rtl support - Javad Evazzadeh  v1.3*/
.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,.hint:active:before,.hint:active:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after,[data-hint]:active:before,[data-hint]:active:after{visibility:visible;opacity:1}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;border-radius:4px;white-space:nowrap}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before,.hint--top:after{bottom:100%;left:5%}.hint--top:before{margin-left:20px;margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before,.hint--top:active:after,.hint--top:active:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before,.hint--bottom:after{top:100%;left:5%}.hint--bottom:before{margin-left:20px;margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before,.hint--bottom:active:after,.hint--bottom:active:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before,.hint--right:active:after,.hint--right:active:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before,.hint--left:active:after,.hint--left:active:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--sharp:after{border-radius:0}.hint100{width:100%}.rtl .hint--left:before,.hint--reverse.hint--left:before{border-left-color:transparent;border-right-color:#383838}.rtl .hint--right:before,.hint--reverse.hint--right:before{border-right-color:transparent;border-left-color:#383838}.rtl .hint--top:after,.hint--reverse.hint--top:after{margin-left:auto;margin-right:-18px}.rtl .hint--top:before{margin-right:20px;margin-left:0}.rtl .hint--top:before,.rtl .hint--top:after,.hint--reverse.hint--top:before,.hint--reverse.hint--top:after{left:auto;right:5%}.rtl .hint--bottom:after,.hint--reverse.hint--bottom:after{margin-left:auto;margin-right:-18px}.rtl .hint--bottom:before{margin-right:20px;margin-left:0}.rtl .hint--bottom:before,.rtl .hint--bottom:after,.hint--reverse.hint--bottom:before,.hint--reverse.hint--bottom:after{left:auto;right:5%}.rtl .hint--right:before,.hint--reverse.hint--right:before{margin-left:auto;margin-right:-12px}.rtl .hint--right:before,.rtl .hint--right:after,.hint--reverse.hint--right:before,.hint--reverse.hint--right:after{left:auto;right:100%}.rtl .hint--right:hover:after,.rtl .hint--right:hover:before,.rtl .hint--right:focus:after,.rtl .hint--right:focus:before,.rtl .hint--right:active:after,.rtl .hint--right:active:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.rtl .hint--left:before,.hint--reverse.hint--left:before{margin-right:auto;margin-left:-12px}.rtl .hint--left:before,.rtl .hint--left:after,.hint--reverse.hint--left:before,.hint--reverse.hint--left:after{right:auto;left:100%}.rtl .hint--left:hover:after,.rtl .hint--left:hover:before,.rtl .hint--left:focus:after,.rtl .hint--left:focus:before,.rtl .hint--left:active:after,.rtl .hint--left:active:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.rtl .hint--error.hint--left:before{border-left-color:transparent;border-right-color:#b34e4d}.rtl .hint--error.hint--right:before{border-right-color:transparent;border-left-color:#b34e4d}.rtl .hint--warning.hint--left:before{border-left-color:transparent;border-right-color:#c09854}.rtl .hint--warning.hint--right:before{border-right-color:transparent;border-left-color:#c09854}.rtl .hint--info.hint--left:before{border-left-color:transparent;border-right-color:#3986ac}.rtl .hint--info.hint--right:before{border-right-color:transparent;border-left-color:#3986ac}.rtl .hint--success.hint--left:before{border-left-color:transparent;border-right-color:#458746}.rtl .hint--success.hint--right:before{border-right-color:transparent;border-left-color:#458746}.rtl .hint--always.hint--left:after,.rtl .hint--always.hint--left:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.rtl .hint--always.hint--right:after,.rtl .hint--always.hint--right:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}@media only screen and (max-width: 480px){[data-hint].hint--left:after,[data-hint].hint--left:before,[data-hint].hint--right:after,[data-hint].hint--right:before{display:none}}


/* Form Error Box  || error_0: failed | error_1: successful | error_2: warning;*/
#formError{position: fixed;z-index:100;bottom:70px;right:0px;margin:0 auto;min-width:30%;max-width:100%;width:400px;color:#fff;font-size:1.5em;cursor:pointer;}
#formError .error_false{background-color:#d9edf7;color:#3a87ad;}
#formError .error li{background-color:rgba(254,26,0,.9);}
#formError .true li{background-color:rgba(92,184,17,.9);}
#formError .warn li{background-color:rgba(0,0,0,.9);}
#formError ul{margin:0;padding:0 2%;}
#formError ul li{margin-top: 10px;padding:3% 5%;border-radius: 4px;}

.rtl #formError{left:0px;right:inherit;bottom:50px;}


.visible{visibility: visible;opacity: 1;transition: opacity 0.5s linear;}
.hidden{visibility: hidden;opacity: 0;transition: visibility 0s 0.5s, opacity 0.5s linear;}
.hide{display:none !important;}



/* Form */
form .error{background: #fff0f0;border-color: #dbb1b1;color: #d95c5c;border-radius: 0 .2857em .2857em 0;box-shadow: 2px 0 0 0 #d95c5c inset;}


/* Base Elements */
.container{position:relative;margin:0 auto;padding:0;max-width:1024px;min-width:959px;width:90%;/*Animation Property*/animation-property:width;animation-property:height;transition-duration:1s;-webkit-animation-property:width;-webkit-animation-property:height;-webkit-transition-duration:2s;-moz-animation-property:width;-moz-animation-property:height;-moz-transition-duration:2s;-o-animation-property:width;-o-animation-property:height;-o-transition-duration:2s;}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}img.scale-with-grid{max-width:100%;height:auto}
.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}

.topic{display:block;min-height:100vh;overflow:hidden;max-width: 1600px;margin: 0 auto;background-position: center top;background-repeat: no-repeat;background-size: auto 100%;}
.cover{padding-top: 20px;}

.topic2{background-color: #ffd800;}
.topic4{background-color: #16acaa;}
.topic .body{width:99.5%;margin:0 auto;max-width:998px;}
.topic h2{font-size: 60px;line-height: 70px; margin-bottom: 40px;}
.topic .Slogan h2{font-size: 30px;line-height: 70px; margin-bottom:0px;color: #0084C9;text-align: center; background-color: #fff}
.cover ul{font-size: 14px;}
.cover li{padding:2px 10px}

/* Headings */
h1,h2,h3,h4,h5,h6{clear:both;margin-bottom:0.1em;font-weight:400;color:#2f1515;line-height:200%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:700;}
h1{font-size:2.35rem;}
h2{font-size:2.05rem;}
h3{font-size:1.85rem;}
h4{font-size:1.65rem;}
h5{font-size:1.55rem;}
h6{font-size:1.45rem;}
p{margin-bottom:1em;font-size:1.35rem;line-height:250%;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{font-weight: normal;line-height: 1;color: #999;}

#footer{position:fixed; bottom: 0;width:100%;z-index:2;background-color: rgba(0, 0, 0, 0.1);padding:15px 10%;font-size:1.5em;}
#footer #languages{float: right;color:#888;}
#footer #langlist{opacity:0.7;min-width:100px;font-family:sans-serif;height:30px;padding:0 10px;direction:ltr;padding:3px 5px;font-size:1em;border:0;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;-moz-transition: all .2s ease-in;}
.rtl #footer #languages{float: left;}
#footer #langlist:hover{opacity:1;}

























/* BASIC */



img{margin:0;border:none;}


blockquote{color:#59666f;font-style:italic;padding:10px}


img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;background:#eee;padding:5px}
img.alignnone{display:inline;background:#eee;margin:0 0 10px;padding:5px}
img.alignright{display:inline;background:#eee;margin:5px 0 10px 10px;padding:5px}
img.alignleft{display:inline;background:#eee;margin:5px 15px 10px 0;padding:5px}
.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px}
.alignright{float:right;margin:0 0 10px 10px}
.alignleft{float:left;margin:10px 15px 10px 0}
.caption{text-align:center;background:#eee;margin:10px;padding:4px 0 5px}
.caption img{border:0;margin:0 0 5px;padding:0}
.caption p.caption-text{font-size:11px;font-weight:400;line-height:12px;color:#444;margin:0;padding:0}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}

ul{list-style:none inside none;}
ul.list{list-style:square inside none;}
ul.list li{padding:0.5em 0;font-size:16px;}
ul.list li a{padding:0.3em 0.5em;}

::selection {color:#fff;background:#A68D76;}
::-moz-selection {color:#fff;background:#A68D76;}



/* Useful Elements */
.shadow{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);}
.text-shadow{text-shadow: 0 0 3px #afafaf;}
.full-width{width:100%}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.float-right{float:right;}
.rtl .float-right{float:left;}
.float-left{float:left}
.rtl .float-left{float:right}
.gray{background-color:#dfe3e3}
.brown{background-color:#333333}
.black{background-color:#000}
.white{background-color:#fff}
.blue{background-color:#29B0E5}
.blue1{background-color:#a6bfc9}
.blue2{background-color:#99cccc}
.blue3{background-color:#29b0e5}
.blue4{background-color:#0381b3}
.light1{background-color:#edf3f3}
.red{background-color:red}
.orange{background-color:orange}
.maroon{background-color:#930A0A}
.fg-white{color:#ffffff;}
.fg-white a{color:#ffffff;}
.fg-gray{color:#eee;}
.fg-gray a{color:#eee;}
.fg-black{color:#000;}
.fg-black a{color:#000;}
.fg-blue{color:#29B0E5;}
.fg-blue a{color:#29B0E5;}
.fg-red{color:red}
.fg-red a{color:red}
.bg-color-red {background-color: #fff;color: #F0433D;}
.bg-color-green {background-color: #fff;color: #5cb85c;}
.bg-color-blue {background-color: #fff;color: #4CB1CF;}
.bg-color-brown {background-color: #fff;color: #f0ad4e;}
.back-footer-red {background-color: #F0433D;color: #fff;border-top: 0px solid #fff;}
.back-footer-green {background-color: #5cb85c;color: #fff;border-top: 0px solid #fff;}
.back-footer-blue {background-color: #4CB1CF;color: #fff;border-top: 0px solid #fff;}
.back-footer-brown {background-color: #f0ad4e;color: #fff;border-top: 0px solid #fff;}

.padding-small{padding:5px;}
.padding-medium{padding:10px;}
.padding-large{padding:20px;}
.margin-small{margin:5px;}
.margin-medium{margin:10px;}
.margin-large{margin:20px;}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden;}
.display-none{display:none;}
.display-block{display:block;}
.en{direction: ltr;text-align: left;}
.relative{position:relative;}
.absolute{position:absolute;}
.align-bottom{bottom:0;}
.padding-top-small2{padding:20px 0 0 0;}
.padding-top-medium{padding:50px 0 0 0;}
.padding-top-large{padding:100px 0 0 0;}
.height100{height:100%}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font20{font-size:20px;}
.cursor-pointer{cursor:pointer;}
.cursor-help{cursor:help;}
.not-active {pointer-events: none;cursor:not-allowed;}
.clear{clear:both}








/********************************************************************************** Semantic-ui */
/*******************************
            Button
*******************************/

.button {
  cursor: pointer;
  display: block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0.3em auto;
  padding: 0.78571em 1.5em 0.78571em;
  padding: 8px 1.5em 8px;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  background-image: none;
  border-radius: 0.2857rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
          transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}


/*---------------
    Positive
----------------*/

.positive.buttons .button,
.positive.button {
  background-color: #5bbd72 !important;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.positive.buttons .button:hover,
.positive.button:hover,
.positive.buttons .active.button,
.positive.active.button {
  background-color: #66c17b !important;
  color: #ffffff;
  text-shadow: none;
}
.positive.buttons .button:active,
.positive.button:active {
  background-color: #46ae5f !important;
  color: #ffffff;
  text-shadow: none;
}
.positive.buttons .active.button,
.positive.buttons .active.button:active,
.positive.active.button,
.positive.button .active.button:active {
  background-color: #49b562;
  color: #ffffff;
  text-shadow: none;
}

/*---------------
     Negative
----------------*/

.negative.buttons .button,
.negative.button {
  background-color: #d95c5c !important;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.negative.buttons .button:hover,
.negative.button:hover,
.negative.buttons .active.button,
.negative.active.button {
  background-color: #dc6868 !important;
  color: #ffffff;
  text-shadow: none;
}
.negative.buttons .button:active,
.negative.button:active {
  background-color: #d23f3f !important;
  color: #ffffff;
  text-shadow: none;
}
.negative.buttons .active.button,
.negative.buttons .active.button:active,
.negative.active.button,
.negative.button .active.button:active {
  background-color: #d44747;
  color: #ffffff;
  text-shadow: none;
}


/*-------------------
      Disabled
--------------------*/

.buttons .disabled.button,
.disabled.button,
.disabled.button:hover,
.disabled.active.button {
  cursor: default;
  background-color: #dcddde !important;
  color: rgba(0, 0, 0, 0.4) !important;
  opacity: 0.3 !important;
  background-image: none !important;
  pointer-events: none;
}

/* Basic Group With Disabled */
.basic.buttons .disabled.button {
  border-color: rgba(39, 41, 43, 0.5);
}



/*-------------------
        Basic
--------------------*/

.basic.buttons .button,
.basic.button {
  background: transparent !important;
  background-image: none;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal;
  border-radius: 0.2857rem;
  text-transform: none;
  text-shadow: none !important;
}
.basic.buttons {
  border-radius: 0.2857rem;
}
.basic.buttons .button {
  border-radius: 0em;
}
.basic.buttons .button:hover,
.basic.button:hover {
  background: #fafafa !important;
  color: rgba(0, 0, 0, 0.8) !important;
}
.basic.buttons .button:active,
.basic.button:active {
  background: #f8f8f8 !important;
  color: rgba(0, 0, 0, 0.8) !important;
}
.basic.buttons .active.button,
.basic.active.button {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.8);
}
.basic.buttons .active.button:hover,
.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}


/*--------------
  Labeled Icon
---------------*/

.labeled.icon.buttons .button,
.labeled.icon.button {
  position: relative;
  padding-left: 4.07142em !important;
  padding-right: 1.5em !important;
}

/* Left Labeled */
.labeled.icon.buttons > .button > .icon,
.labeled.icon.button > .icon {
  position: absolute;
  width: 2.57142em;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: 0.2857rem 0px 0px 0.2857rem;
  line-height: 1;
}

/* Left Labeled */
.labeled.icon.buttons > .button > .icon,
.labeled.icon.button > .icon {
  top: 0em;
  left: 0em;
}

/* Right Labeled */
[class*="right labeled"].icon.button {
  padding-right: 4.07142em !important;
  padding-left: 1.5em !important;
}
[class*="right labeled"].icon.button > .icon {
  left: auto;
  right: 0em;
  border-radius: 0em 0.2857rem 0.2857rem 0em;
}
.labeled.icon.buttons > .button > .icon:before,
.labeled.icon.button > .icon:before,
.labeled.icon.buttons > .button > .icon:after,
.labeled.icon.button > .icon:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  margin-top: -0.5em;
}
.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.2857rem;
  border-bottom-left-radius: 0.2857rem;
}
.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.2857rem;
  border-bottom-right-radius: 0.2857rem;
}
.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.2857rem;
}
.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.2857rem;
}


/*-------------------
      Or Buttons
--------------------*/

.buttons .or {
  position: relative;
  float: left;
  width: 0.3em;
  height: 2.57142em;
  z-index: 3;
}
.buttons .or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #ffffff;
  text-shadow: none;
  margin-top: -0.892855em;
  margin-left: -0.892855em;
  width: 1.78571em;
  height: 1.78571em;
  line-height: 1.78571em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
}
.buttons .or[data-text]:before {
  content: attr(data-text);
}

/* Fluid Or */
.fluid.buttons .or {
  width: 0em !important;
}
.fluid.buttons .or:after {
  display: none;
}


/*-------------------
       Primary
--------------------*/

.primary.buttons .button,
.primary.button {
  background-color: #3b83c0;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.primary.buttons .button:hover,
.primary.button:hover {
  background-color: #458ac6;
  color: #ffffff;
  text-shadow: none;
}
.primary.buttons .button:active,
.primary.button:active {
  background-color: #3370a5;
  color: #ffffff;
  text-shadow: none;
}
.primary.buttons .active.button,
.primary.active.button {
  background-color: #3576ac;
  color: #ffffff;
  text-shadow: none;
}

/*-------------------
      Secondary
--------------------*/

.secondary.buttons .button,
.secondary.button {
  background-color: #1b1c1d;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.secondary.buttons .button:hover,
.secondary.button:hover {
  background-color: #222425;
  color: #ffffff;
  text-shadow: none;
}
.secondary.buttons .button:active,
.secondary.button:active {
  background-color: #0a0a0b;
  color: #ffffff;
  text-shadow: none;
}
.secondary.buttons .active.button,
.secondary.active.button {
  background-color: #0f0f10;
  color: #ffffff;
  text-shadow: none;
}

/*******************************
            Groups
*******************************/

.buttons {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 0.25em 0em 0em;
}
.buttons > .button:hover,
.buttons > .active.button {
  position: relative;
}
.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.buttons .button:first-child {
  border-left: none;
}
.buttons .button {
  margin: 0em;
  float: left;
  border-radius: 0em;
  margin: 0px 0px 0px 0px;
}
.buttons .button:first-child {
  margin-left: 0em;
  border-top-left-radius: 0.2857rem;
  border-bottom-left-radius: 0.2857rem;
}
.buttons .button:last-child {
  border-top-right-radius: 0.2857rem;
  border-bottom-right-radius: 0.2857rem;
}

/*******************************
            States
*******************************/

/*--------------
      Hover
---------------*/

.button:hover {
  background-color: #e8e8e8;
}
.button:hover .icon {
  opacity: 0.85;
}

/*--------------
      Focus
---------------*/

.button:focus {
  opacity: 0.9;
  color:#000;
}
.button:focus .icon {
  opacity: 0.85;
}

/*--------------
      Down
---------------*/

.button:active,
.active.button:active {
  background-color: #cccccc;
  background-image: '';
  color: rgba(0, 0, 0, 0.8);
}

/*--------------
     Active
---------------*/

.active.button {
  background-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.active.button:hover {
  background-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.active.button:active {
  background-color: #d0d0d0;
  background-image: none;
}

/*--------------
    Loading
---------------*/


/* Specificity hack */
.loading.loading.loading.loading.loading.loading.button, .loading-form  form .button {
  position: relative;
  cursor: default;
  point-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
          transition: all 0s linear;
}
.loading.button:before, .loading-form form .button:before  {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285em 0em 0em -0.64285em;
  width: 1.2857em;
  height: 1.2857em;
  border-radius: 500rem;
  border: 0.2em solid #000;
}
.loading.button:after, .loading-form form .button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285em 0em 0em -0.64285em;
  width: 1.2857em;
  height: 1.2857em;
  -webkit-animation: button-spin 0.6s linear;
          animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  z-index:10001;
  cursor: wait;
}
.labeled.icon.loading.button .icon, .loading-form form .labeled.icon.button .icon {
  background-color: transparent;
  box-shadow: none;
}
@-webkit-keyframes button-spin {

  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.basic.loading.button:not(.inverted):before, .loading-form form .basic.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.1);
}
.basic.loading.button:not(.inverted):after, .loading-form form .basic.button:not(.inverted):after {
  border-top-color: #aaaaaa;
}



.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.loader:before{position:absolute;content:'';top:0;left:50%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.loader:after{position:absolute;content:'';top:0;left:50%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader:after,.loader:before{width:2.2585em;height:2.2585em;margin:0 0 0 -1.12925em}.mini.loader:after,.mini.loader:before{width:1.2857em;height:1.2857em;margin:0 0 0 -.64285em}.small.loader:after,.small.loader:before{width:1.7142em;height:1.7142em;margin:0 0 0 -.8571em}.large.loader:after,.large.loader:before{width:4.5714em;height:4.5714em;margin:0 0 0 -2.2857em}.dimmer .loader{display:block}.dimmer .loader{color:#fff}.dimmer .loader:before{border-color:rgba(255,255,255,.15)}.dimmer .loader:after{border-color:#fff transparent transparent}.inverted.dimmer .loader{color:rgba(0,0,0,.8)}.inverted.dimmer .loader:before{border-color:rgba(0,0,0,.1)}.inverted.dimmer .loader:after{border-color:#aaa transparent transparent}.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.indeterminate.loader:after{-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.loader.active,.loader.visible{display:block}.loader.disabled,.loader.hidden{display:none}.inverted.dimmer .mini.loader,.mini.loader{width:1.2857em;height:1.2857em;font-size:.7857em}.inverted.dimmer .small.loader,.small.loader{width:1.7142em;height:1.7142em;font-size:.9285em}.inverted.dimmer .loader,.loader{width:2.2585em;height:2.2585em;font-size:1em}.inverted.dimmer .loader.large,.loader.large{width:4.5714em;height:4.5714em;font-size:1.1428em}.mini.text.loader{min-width:1.2857em;padding-top:1.9857em}.small.text.loader{min-width:1.7142em;padding-top:2.4142em}.text.loader{min-width:2.2585em;padding-top:2.9585em}.large.text.loader{min-width:4.5714em;padding-top:5.2714em}.inverted.loader{color:#fff}.inverted.loader:before{border-color:rgba(255,255,255,.15)}.inverted.loader:after{border-top-color:#fff}.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}.inline.loader.active,.inline.loader.visible{display:inline-block}
.statistic{display:inline-block;margin:1em 0;max-width:175px}.statistic+.statistic{margin:0 0 0 1em}.statistic:first-child{margin-top:0}.statistic:last-child{margin-bottom:0}.statistics>.statistic{display:inline-block;margin:0 1% 2em;max-width:175px}.statistics{box-sizing:border-box;display:block;margin-top:2em}.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.statistics:first-child{margin-top:0}.statistics:last-child{margin-bottom:0}.statistic>.value,.statistics .statistic>.value{font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.statistic>.label,.statistics .statistic>.label{font-size:1rem;font-weight:400;color:rgba(0,0,0,.4);text-transform:none;text-align:center}.statistic>.label~.value,.statistics .statistic>.label~.value{margin-top:0}.statistic>.value~.label,.statistics .statistic>.value~.label{margin-top:.25rem}.statistic>.value .icon,.statistics .statistic>.value .icon{opacity:1;width:auto;margin:0}.statistic>.text.value,.statistics .statistic>.text.value{line-height:1em;min-height:2em;text-align:center}.statistic>.text.value+.label,.statistics .statistic>.text.value+.label{text-align:center}.statistic>.value img,.statistics .statistic>.value img{max-height:3rem;vertical-align:baseline}.horizontal.statistic,.horizontal.statistics{display:block;margin:0;max-width:9999px}.horizontal.statistics .statistic{float:none;margin:1em 0;max-width:9999px}.horizontal.statistic>.text.value,.horizontal.statistics>.statistic>.text.value{min-height:0!important}.horizontal.statistic>.value .icon,.horizontal.statistics .statistic>.value .icon{width:1.18em}.horizontal.statistic>.value,.horizontal.statistics .statistic>.value{display:inline-block;vertical-align:middle}.horizontal.statistic>.label,.horizontal.statistics .statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 .75em}.blue.statistic>.value,.blue.statistics .statistic>.value,.statistics .blue.statistic>.value{color:#3b83c0}.green.statistic>.value,.green.statistics .statistic>.value,.statistics .green.statistic>.value{color:#5bbd72}.orange.statistic>.value,.orange.statistics .statistic>.value,.statistics .orange.statistic>.value{color:#e07b53}.pink.statistic>.value,.pink.statistics .statistic>.value,.statistics .pink.statistic>.value{color:#d9499a}.purple.statistic>.value,.purple.statistics .statistic>.value,.statistics .purple.statistic>.value{color:#564f8a}.red.statistic>.value,.red.statistics .statistic>.value,.statistics .red.statistic>.value{color:#d95c5c}.statistics .teal.statistic>.value,.teal.statistic>.value,.teal.statistics .statistic>.value{color:#00b5ad}.statistics .yellow.statistic>.value,.yellow.statistic>.value,.yellow.statistics .statistic>.value{color:#f2c61f}[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.floated.statistic:last-child{margin-bottom:0}.inverted.statistic .value{color:#fff}.inverted.statistic .label{color:rgba(255,255,255,.8)}.inverted.blue.statistic>.value,.inverted.blue.statistics .statistic>.value,.statistics .inverted.blue.statistic>.value{color:#54c8ff}.inverted.green.statistic>.value,.inverted.green.statistics .statistic>.value,.statistics .inverted.green.statistic>.value{color:#2ecc40}.inverted.orange.statistic>.value,.inverted.orange.statistics .statistic>.value,.statistics .inverted.orange.statistic>.value{color:#ff851b}.inverted.pink.statistic>.value,.inverted.pink.statistics .statistic>.value,.statistics .inverted.pink.statistic>.value{color:#ff8edf}.inverted.purple.statistic>.value,.inverted.purple.statistics .statistic>.value,.statistics .inverted.purple.statistic>.value{color:#cdc6ff}.inverted.red.statistic>.value,.inverted.red.statistics .statistic>.value,.statistics .inverted.red.statistic>.value{color:#ff695e}.inverted.teal.statistic>.value,.inverted.teal.statistics .statistic>.value,.statistics .inverted.teal.statistic>.value{color:#6dffff}.inverted.yellow.statistic>.value,.inverted.yellow.statistics .statistic>.value,.statistics .inverted.yellow.statistic>.value{color:#ffe21f}.mini.horizontal.statistic>.value,.mini.horizontal.statistics .statistic>.value,.mini.statistic>.value,.mini.statistics .statistic>.value{font-size:1.5rem}.mini.statistic>.text.value,.mini.statistics .statistic>.text.value{font-size:1rem}.tiny.horizontal.statistic>.value,.tiny.horizontal.statistics .statistic>.value,.tiny.statistic>.value,.tiny.statistics .statistic>.value{font-size:2rem}.tiny.statistic>.text.value,.tiny.statistics .statistic>.text.value{font-size:1rem}.small.statistic>.value,.small.statistics .statistic>.value{font-size:3rem}.small.horizontal.statistic>.value,.small.horizontal.statistics .statistic>.value{font-size:2rem}.small.statistic>.text.value,.small.statistics .statistic>.text.value{font-size:1.5rem}.statistic>.value,.statistics .statistic>.value{font-size:4rem}.horizontal.statistic>.value,.horizontal.statistics .statistic>.value{font-size:3rem}.statistic>.text.value,.statistics .statistic>.text.value{font-size:2rem}.large.statistic>.value,.large.statistics .statistic>.value{font-size:5rem}.large.horizontal.statistic>.value,.large.horizontal.statistics .statistic>.value{font-size:4rem}.large.statistic>.text.value,.large.statistics .statistic>.text.value{font-size:2.5rem}.huge.statistic>.value,.huge.statistics .statistic>.value{font-size:6rem}.huge.horizontal.statistic>.value,.huge.horizontal.statistics .statistic>.value{font-size:5rem}.huge.statistic>.text.value,.huge.statistics .statistic>.text.value{font-size:2.5rem}
.progress{position:relative;display:block;max-width:100%;border:1px solid rgba(39,41,43,.15);margin:1em 0 2.5em;box-shadow:none;background:rgba(0,0,0,.03);padding:.2857em;border-radius:.2857rem}.progress:first-child{margin:0 0 2.5em}.progress:last-child{margin:0 0 1.5em}.indicating.progress .bar[style*="width: 1"],.indicating.progress .bar[style*="width: 2"]{background-color:#d95c5c}.indicating.progress .bar[style*="width: 3"]{background-color:#d9a65c}.indicating.progress .bar[style*="width: 4"],.indicating.progress .bar[style*="width: 5"]{background-color:#e6bb48}.indicating.progress .bar[style*="width: 6"]{background-color:#ddc928}.indicating.progress .bar[style*="width: 7"],.indicating.progress .bar[style*="width: 8"]{background-color:#b4d95c}.indicating.progress .bar[style*="width: 9"],.indicating.progress .bar[style*="width: 100"]{background-color:#66da81}.indicating.progress[data-percent^="1"] .label,.indicating.progress[data-percent^="2"] .label{color:#d95c5c}.indicating.progress[data-percent^="3"] .label{color:#d9a65c}.indicating.progress[data-percent^="4"] .label,.indicating.progress[data-percent^="5"] .label{color:#e6bb48}.indicating.progress[data-percent^="6"] .label{color:#ddc928}.indicating.progress[data-percent^="7"] .label,.indicating.progress[data-percent^="8"] .label{color:#b4d95c}.indicating.progress[data-percent^="9"] .label,.indicating.progress[data-percent^="100"] .label{color:#66da81}.indicating.progress .bar[style^="width: 1%"],.indicating.progress .bar[style^="width: 2%"],.indicating.progress .bar[style^="width: 3%"],.indicating.progress .bar[style^="width: 4%"],.indicating.progress .bar[style^="width: 5%"],.indicating.progress .bar[style^="width: 6%"],.indicating.progress .bar[style^="width: 7%"],.indicating.progress .bar[style^="width: 8%"],.indicating.progress .bar[style^="width: 9%"]{background-color:#d95c5c}.indicating.progress[data-percent="1"] .label,.indicating.progress[data-percent="2"] .label,.indicating.progress[data-percent="3"] .label,.indicating.progress[data-percent="4"] .label,.indicating.progress[data-percent="5"] .label,.indicating.progress[data-percent="6"] .label,.indicating.progress[data-percent="7"] .label,.indicating.progress[data-percent="8"] .label,.indicating.progress[data-percent="9"] .label{color:#d95c5c}.indicating.progress.success .label{color:#356e36}.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.2857rem;-webkit-transition:width .3s ease,background-color .3s ease;transition:width .3s ease,background-color .3s ease}.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.9em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.8);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.8);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.progress.success .bar{background-color:#5bbd72!important}.progress.success .bar,.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.progress.success>.label{color:#356e36}.progress.warning .bar{background-color:#f2c037!important}.progress.warning .bar,.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.progress.warning>.label{color:#825c01}.progress.error .bar{background-color:#d95c5c!important}.progress.error .bar,.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.progress.error>.label{color:#912d2b}.active.progress .bar{position:relative;min-width:2em}.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.2857rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.disabled.progress{opacity:.35}.disabled.progress .bar,.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.inverted.progress{background:rgba(255,255,255,.05);border:none}.inverted.progress .bar{background:#888}.inverted.progress .bar>.progress{color:#fafafa}.inverted.progress>.label{color:#fff}.inverted.progress.success>.label{color:#5bbd72}.inverted.progress.warning>.label{color:#f2c037}.inverted.progress.error>.label{color:#d95c5c}.progress.attached{background:0 0;position:relative;border:none;margin:0}.progress.attached,.progress.attached .bar{display:block;height:3px;padding:0;overflow:hidden;border-radius:0 0 .2857rem .2857rem}.progress.attached .bar{border-radius:0}.progress.top.attached,.progress.top.attached .bar{top:0;border-radius:.2857rem .2857rem 0 0}.progress.top.attached .bar{border-radius:0}.black.progress .bar{background-color:#1b1c1d}.blue.progress .bar{background-color:#3b83c0}.green.progress .bar{background-color:#5bbd72}.orange.progress .bar{background-color:#e07b53}.pink.progress .bar{background-color:#d9499a}.purple.progress .bar{background-color:#564f8a}.red.progress .bar{background-color:#d95c5c}.teal.progress .bar{background-color:#00b5ad}.yellow.progress .bar{background-color:#f2c61f}.black.inverted.progress .bar{background-color:#333}.blue.inverted.progress .bar{background-color:#54c8ff}.green.inverted.progress .bar{background-color:#2ecc40}.orange.inverted.progress .bar{background-color:#ff851b}.pink.inverted.progress .bar{background-color:#ff8edf}.purple.inverted.progress .bar{background-color:#cdc6ff}.red.inverted.progress .bar{background-color:#ff695e}.teal.inverted.progress .bar{background-color:#6dffff}.yellow.inverted.progress .bar{background-color:#ffe21f}.tiny.progress{font-size:.85714286rem}.tiny.progress .bar{height:.5em}.small.progress{font-size:.92857143rem}.small.progress .bar{height:1em}.progress{font-size:1rem}.progress .bar{height:1.75em}.large.progress{font-size:1.14285714rem}.large.progress .bar{height:2.5em}.big.progress{font-size:1.28571429rem}.big.progress .bar{height:3.5em}
.segment{position:relative;background-color:#fff;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05);margin:1rem 0;padding:1em;border-radius:.2857rem;border:none}.segment:first-child{margin-top:0}.segment:last-child{margin-bottom:0}.segment:after{content:'';display:block;height:0;clear:both;visibility:hidden}[class*="vertical segment"]{margin:0;padding-left:0;padding-right:0;background-color:transparent;border-radius:0;border:none;box-shadow:0 -1px 0 rgba(39,41,43,.15) inset}[class*="vertical segment"]:last-child{box-shadow:none}[class*="horizontal segment"]{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;border-radius:0;border:none;box-shadow:1px 0 0 rgba(39,41,43,.15)}.inverted.segment>.header{color:#fff}[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.grid .segment.column,.page.grid.segment{padding-top:2em;padding-bottom:2em}.grid.segment{margin:1rem 0;border-radius:.2857rem}.basic.table.segment{background:#fff;border:none;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05)}[class*="very basic"].table.segment{padding:1em}.piled.segment{margin:3em 0;box-shadow:0 0 1px 1px rgba(39,41,43,.15);z-index:auto}.piled.segment:first-child{margin-top:0}.piled.segment:last-child{margin-bottom:0}.piled.segment:after,.piled.segment:before{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;box-shadow:0 0 1px 1px rgba(39,41,43,.15)}.piled.segment:after{-webkit-transform:rotate(1.2deg);-ms-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.piled.segment:before{-webkit-transform:rotate(-1.2deg);-ms-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.piled.segment[class*="top attached"]:first-child{margin-top:0}.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.stacked.segment{padding-bottom:1.4em}.stacked.segment:after,.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(39,41,43,.15);background-color:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.stacked.segment:before{display:none}.tall.stacked.segment:before{display:block;bottom:0}.stacked.inverted.segment:after,.stacked.inverted.segment:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(39,41,43,.3)}.compact.segment{display:table}.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.raised.segment{box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 4px 0 rgba(0,0,0,.15)}.disabled.segment{opacity:.3;color:rgba(40,40,40,.3)}.loading.segment{position:relative;cursor:default;point-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear}.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.2857rem;z-index:100}.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:segment-spin .6s linear;animation:segment-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.basic.segment{position:relative;background-color:transparent;box-shadow:none;border-radius:0}.fitted.segment{padding:0}.black.segment:not(.inverted){border-top:2px solid #1b1c1d}.blue.segment:not(.inverted){border-top:2px solid #3b83c0}.green.segment:not(.inverted){border-top:2px solid #5bbd72}.orange.segment:not(.inverted){border-top:2px solid #e07b53}.pink.segment:not(.inverted){border-top:2px solid #d9499a}.purple.segment:not(.inverted){border-top:2px solid #564f8a}.red.segment:not(.inverted){border-top:2px solid #d95c5c}.teal.segment:not(.inverted){border-top:2px solid #00b5ad}.yellow.segment:not(.inverted){border-top:2px solid #f2c61f}.black.segment:not(.inverted):not(.attached),.blue.segment:not(.inverted):not(.attached),.green.segment:not(.inverted):not(.attached),.orange.segment:not(.inverted):not(.attached),.pink.segment:not(.inverted):not(.attached),.purple.segment:not(.inverted):not(.attached),.red.segment:not(.inverted):not(.attached),.teal.segment:not(.inverted):not(.attached),.yellow.segment:not(.inverted):not(.attached){border-top-left-radius:.2857rem!important;border-top-right-radius:.2857rem!important}.inverted.black.segment,.inverted.segment{background-color:#1b1c1d!important;color:#fff!important}.inverted.blue.segment{background-color:#3b83c0!important;color:#fff!important}.inverted.green.segment{background-color:#5bbd72!important;color:#fff!important}.inverted.orange.segment{background-color:#e07b53!important;color:#fff!important}.inverted.pink.segment{background-color:#d9499a!important;color:#fff!important}.inverted.purple.segment{background-color:#564f8a!important;color:#fff!important}.inverted.red.segment{background-color:#d95c5c!important;color:#fff!important}.inverted.teal.segment{background-color:#00b5ad!important;color:#fff!important}.inverted.yellow.segment{background-color:#f2c61f!important;color:#fff!important}[class*="left aligned"].segment{text-align:left}[class*="right aligned"].segment{text-align:right}[class*="center aligned"].segment{text-align:center}.floated.segment,[class*="left floated"].segment{float:left;margin-right:1rem}[class*="right floated"].segment{float:right;margin-left:1rem}.inverted.segment{border:none;box-shadow:none}.inverted.segment .segment{color:rgba(0,0,0,.8)}.inverted.segment .inverted.segment{color:#fff}.inverted.segment,.primary.inverted.segment{background-color:#1b1c1d;color:#fff}.inverted.attached.segment,.inverted.block.segment{border-color:#555}.secondary.segment{background:#faf9fa;color:rgba(0,0,0,.8)}.tertiary.segment{background:#ebebeb;color:rgba(0,0,0,.8)}.secondary.inverted.segment{background:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#fafafa}.tertiary.inverted.segment{background:-webkit-linear-gradient(rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%);background:linear-gradient(rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 100%);color:#f0f0f0}.segment.attached{top:0;bottom:0;margin:0 -1px;width:-webkit-calc(100% + 2px);width:calc(100% + 2px);max-width:-webkit-calc(100% + 2px);max-width:calc(100% + 2px);border-radius:0;box-shadow:none;border:1px solid #d4d4d5}.segment.attached+.segment.attached:not(.top){border-top:none}[class*="top attached"].segment{top:0;bottom:0;margin-top:1rem;margin-bottom:0;border-radius:.2857rem .2857rem 0 0}.segment[class*="top attached"]:first-child{margin-top:0}.segment[class*="bottom attached"]{top:0;bottom:0;margin-top:0;margin-bottom:1rem;box-shadow:none,0 1px 2px 0 rgba(0,0,0,.05);border-radius:0 0 .2857rem .2857rem}.segment[class*="bottom attached"]:last-child{margin-bottom:0}
.statistic.txt>.value{font-size: 2.5em;line-height: 4rem;}





/* Modals - v2*/
.modal{position: fixed;overflow: auto;text-align: center;top: 0;left: 0;width: 100%;height: 100%;padding: 0;margin: 0;border: 0;z-index: 1001;background: rgba(0,0,0,0.7);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;pointer-events: none;}
.modal-dialog{position: fixed;top: 40%;left: 50%;padding: 2em;background: #fff;border-radius: 5px;text-align: center;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translate3d(-50%,-50%,0) scale3d(1.1,1.1,1);transform: translate3d(-50%,-50%,0) scale3d(1.1,1.1,1);pointer-events: none;}
.modal.visible .modal-dialog{opacity: 1;-webkit-transform: translate3d(-50%,-50%,0) scale3d(1,1,1);transform: translate3d(-50%,-50%,0) scale3d(1,1,1);pointer-events: auto;}
.modal.visible{opacity: 1;}
.modal-body{color: rgba(0,0,0,0.6);line-height: 1.4;margin-bottom: 50px;}
.modal-footer-old{position:absolute;bottom:10%;margin: 0 auto;left: 50%;transform: translate(-50%, 0);}
.modal-header{margin: 0 auto;}
.modal-footer{margin: 0 auto;}




















/*******************************
            Forms
*******************************/
label, input, select, textarea, button {font-family:'Roboto Slab',serif;box-sizing: border-box;transition:all 0.2s ease;}
.rtl label, .rtl input, .rtl select, .rtl textarea, .rtl button {font-family:'IRANSans',serif;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}

.form {position: relative;max-width: 98%;padding: 1em 1%;font-size:12px;font-size:1.2rem;color:#000;margin:0 auto;}
.rtl .form {font-size:16px;font-size:1.6rem;}
.form.black{color:#fff;}
.rtl .form {font-size:12px;font-size: 1.2rem;}
.form > p {margin: 1em 0em;}
.form .field {clear: both;margin: 0em 0em 1em;min-height: 30px;}
.form.row .field[class*=span]{clear:none;}
.form .field label {
  display: inline-block;
  vertical-align: middle;
  margin:0 0 0.2em 0;
  opacity: 0.8;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: none;
}

.form .radio label{margin:0 0.2em 0 0;vertical-align:top;}
.form .radio .element{display: inline-block;margin:0 1% 0 0;}
.rtl .form .radio .element{display: inline-block;margin:0 0 0 1%;}
.form.block .radio .element{display: block;}

.gender .radio input{height:0%}
.gender .radio label {opacity: 0.5;display:inline-block;vertical-align: middle;background-color:#eee;padding:0.4em 2em;border-radius: 3px;border: 1px solid rgba(39, 41, 43, 0.05);}
.gender .radio label:hover{opacity: 0.6}
.gender .radio label:focus{opacity: 0.7}
.gender .radio label:active{opacity: 0.9}
.gender .radio .female label:after{font-family:FontAwesome;font-size:16px;content: " \f182"}
.gender .radio .male label:after{font-family:FontAwesome;font-size:16px;content: " \f183"}
.gender .radio input:checked + label { opacity: 1;}


/*--------------------
    Standard Inputs
---------------------*/
.form input:not([type]),
.form input[type="text"],
.form input[type="email"],
.form input[type="date"],
.form input[type="datetime-local"],
.form input[type="password"],
.form input[type="number"],
.form input[type="url"],
.form input[type="tel"],
.form textarea,
.form .editor,
.form select{
  width: 95%;
  vertical-align: top;
  margin: 0 auto 5px;
  outline: none;
  padding: 8px 2%;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid rgba(39, 41, 43, 0.15);
  opacity: 0.6;
  border-radius: 3px;
  display: block;
  background-color:#eee;
}
.form select{border:none;}
.form textarea, .editor {
  min-height: 60px;
  resize: vertical;
}
.form select{width:100%;}
.form input,.form textarea,.form .editor,.form select{transition: all .2s ease-in;-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;-moz-transition: all .2s ease-in;}
.form input:hover,.form textarea:hover,.form .editor:hover,.form select:hover{opacity: 0.7}
.form input:focus,.form textarea:focus,.form .editor:focus,.form select:focus{opacity: 0.8}

/*--------------------------
  Input w/ attached Button
---------------------------*/
.form input.attached {width: auto;}


/*--------------------
       Dividers
---------------------*/
.form .divider {clear: both;margin: 1em 0em;}

/*--------------------
     Required Field
---------------------*/
.form .required.field > label:after,
.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #d95c5c;
  display: inline-block;
  vertical-align: top;
}

/*******************************
            States
*******************************/

/*--------------------
        Focus
---------------------*/

.form select:focus,
.form input:focus,
.form textarea:focus{
  opacity: 0.85;
}

/*--------------------
        Warning
---------------------*/



/* On Field(s) */
.form .field.error label,
.form .field.error .input {
  color: #d95c5c;
}
.form .field.error .corner.label {
  border-color: #d95c5c;
}
.form .field.error textarea,
.form .field.error input:not([type]),
.form .field.error input[type="text"],
.form .field.error input[type="email"],
.form .field.error input[type="date"],
.form .field.error input[type="datetime-local"],
.form .field.error input[type="password"],
.form .field.error input[type="number"],
.form .field.error input[type="url"],
.form .field.error input[type="tel"] {
  background: #fff0f0;
  border-color: #dbb1b1;
  color: #d95c5c;
  border-radius: 0em 0.2857rem 0.2857rem 0em;
  box-shadow: 2px 0em 0em 0em #d95c5c inset;
}
.form .field.error textarea:focus,
.form .field.error input:not([type]):focus,
.form .field.error input[type="text"]:focus,
.form .field.error input[type="email"]:focus,
.form .field.error input[type="date"]:focus,
.form .field.error input[type="datetime-local"]:focus,
.form .field.error input[type="password"]:focus,
.form .field.error input[type="number"]:focus,
.form .field.error input[type="url"]:focus,
.form .field.error input[type="tel"]:focus {
  background: #fff0f0;
  border-color: #dbb1b1;
  color: #dc6868;
  -webkit-appearance: none;
  box-shadow: 2px 0em 0em 0em #dc6868 inset;
}

/*------------------
    Dropdown Error
--------------------*/
.form .field.error .dropdown,
.form .field.error .dropdown .text,
.form .field.error .dropdown .item {
  background: #fff0f0;
  color: #d95c5c;
}
.form .field.error .dropdown {
  border-color: #dbb1b1 !important;
}
.form .field.error .dropdown:hover {
  border-color: #dbb1b1 !important;
}
.form .field.error .dropdown:hover .menu {
  border-color: #dbb1b1;
}

/* Hover */
.form .field.error .dropdown .menu .item:hover {
  background-color: #fff2f2;
}

/* Active */
.form .field.error .dropdown .menu .active.item {
  background-color: #fdcfcf !important;
}



/*--------------------
    Checkbox Error
---------------------*/
.form .field.error .checkbox:not(.toggle):not(.slider) label,
.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #d95c5c;
}
.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #fff0f0;
  border-color: #dbb1b1;
}
.form .field.error .checkbox label:after,
.form .field.error .checkbox .box:after {
  color: #d95c5c;
}

/*--------------------
       Disabled
---------------------*/
.form .field :disabled,
.form .field.disabled {
  opacity: 0.4;cursor: not-allowed;
}
.form .field.disabled label {
  opacity: 0.4;
}
.form .field.disabled :disabled {
  opacity: 1;
}

/*--------------
    Loading
---------------*/
.loading-form .form {
  position: relative;
  cursor: default;
  point-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
          transition: all 0s linear;
}
.loading-form form:before {
  position: fixed;
  display: block;
  content: '';
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  z-index: 1000;
  cursor: wait;
  background-color:#fff;
}




/*******************************
           Variations
*******************************/
/*--------------------
    Inverted Colors
---------------------*/

.inverted.form label,
.form .inverted.segment label,
.form .inverted.segment .checkbox label,
.form .inverted.segment .checkbox .box,
.inverted.form .checkbox label,
.inverted.form .checkbox .box {
  color: #ffffff;
}

/*--------------------
     Field Groups
---------------------*/
/* Grouped Vertically */
.form .grouped.field {
  margin: 0em 0em 1em;
}
.form .grouped.field:last-child {
  margin-bottom: 0em;
}
.form .grouped.field > label {
  font-size: 0.9285em;
}
.form .grouped.field .field {
  display: block;
  float: none;
  margin: 0.5em 0em;
  padding: 0em;
}

/*--------------------
        Fields
---------------------*/
/* Split fields */
.form .fields {
  clear: both;
}
.form .fields:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.form .fields > .field {
  clear: none;
  float: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none;
}

.form .field:first-child {
  padding-left: 0%;
}
.form .field:last-child {
  padding-right: 0%;
}

/*--------------------
    Inline Field
---------------------*/

.form.inline label{width:20%;}
.rtl .form.inline .field > label{text-align:left;padding-left:10px;}
.form.inline .radio label{width: auto;}
.form.inline input, .form.inline select, .form.inline .radio, .form.inline .editor{display: inline-block;width:75%;margin-right:5%;font-size: 0.9em;vertical-align:middle;}
.rtl .form.inline input,.rtl .form.inline select,.rtl .form.inline .radio, .rtl .form.inline .editor{width:70%;margin-right:0;margin-left:10%;}
.form.inline select, .rtl .form.inline select{margin:0;}

.form.autostyle .button{width:75%;margin-left:20%;margin-right:5%;}
.rtl .form.autostyle .button{width:70%;margin-left:10%;margin-right:20%;}
/*--------------------
        Sizes
---------------------*/


/* Standard */
.small.form {
  font-size: 0.875em;
}

/* Large */
.large.form {
  font-size: 1.125em;
}

/* Huge */
.huge.form {
  font-size: 1.2em;
}
.form input.invalid{background-color: #FFDDDD;border-color: #dbb1b1;color: #9B1111;}

















/* Responsie Style
   ========================================================================== */
.hidden-desktop{display:none;}.hidden-tablet{display:inherit;}.hidden-phone{display:inherit;}.visible-desktop{display:inherit;}.visible-tablet{display:none;}.visible-phone{display:none;}
/* #Large Desktop ======================================== Design for a width of 1400 */
@media screen and (min-width: 1400px){
  html{font-size:70%;}
  .container{max-width:1080px;min-width:1000px;}

}


/* #Tablet (Portrait) =================================== Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px){
  .hidden-desktop{display:inherit;}.hidden-tablet{display:none;}.hidden-phone{display:inherit;}.visible-desktop{display:none;}.visible-tablet{display:inherit;}.visible-phone{display:none;}


  html{font-size: 60%;}
  .container{max-width:959px;min-width:720px;}

}

/* #Mobile (Landscape) =================================== Design for a width of 480px*/
@media only screen and (min-width: 480px) and (max-width: 767px){
  .hidden-desktop{display:inherit;}.hidden-tablet{display:inherit;}.hidden-phone{display:none;}.visible-desktop{display:none;}.visible-tablet{display:none;}.visible-phone{display:inherit;}
  .row .row{margin:0}
  .row > [class*=span],.row .row > [class*=span]{width:100%!important;margin:0 0 5px!important}
  .row > [class*=span]:nth-child(even),.row .row > [class*=span]:nth-child(even){margin-right:0!important}
  .row > .span12,.row .row .span12{width:100%!important}

  html{font-size: 50%;}
  .container{max-width:767px;min-width:480px;}

  #footer{position:relative;}
  #formError{bottom:10px;}
}


/*  #Mobile (Portrait) ================================== Design for a width of 320px */
@media only screen and (max-width: 480px){
  .hidden-desktop{display:inherit;}.hidden-tablet{display:inherit;}.hidden-phone{display:none;}.visible-desktop{display:none;}.visible-tablet{display:none;}.visible-phone{display:inherit;}
  .row .row{margin:0}
  .row > [class*=span],.row .row > [class*=span]{width:100%!important;margin:0 0 5px!important}
  .row > [class*=span]:nth-child(even),.row .row > [class*=span]:nth-child(even){margin-right:0!important}
  .row > .span12,.row .row .span12{width:100%!important}

  html{font-size: 50%;}
  .container{max-width:480px;min-width:290px;}
  #formError{bottom:10px;width:100%;}

  [data-hint].hint--left:after,[data-hint].hint--left:before,[data-hint].hint--right:after,[data-hint].hint--right:before{display:none;}
}


/*  #IE 9 and 10 ===================================================== Design for IE! */
@media screen and (min-width:0\0) {

}