@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------------
|  Author   | The Collection Site - https://www.thecollectionsite.com
|  Version  | 1.0
------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------
|  Google Fonts  |
------------------------------------------------------------------------------------------------------------ */
/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');*/

/* ------------------------------------------------------------------------------------------------------------
|  Fonts Face  |
------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------
|  CSS Reset Helper  |
------------------------------------------------------------------------------------------------------------ */
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.2}ol,ul{list-style:none; margin-bottom: 0; padding: 0;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0; }

html, body { height: 100%; }

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

.clearfix:before,
.clearfix:after,#container:before,#container:after,.content:before,.content:after { content: " "; display: table; }
.clearfix:after,#container:after,.content:after { clear: both; }
.clearfix { *zoom: 1; }

::-webkit-input-placeholder {  }
::-moz-placeholder { } 
:-ms-input-placeholder { } 
input:-moz-placeholder { }

/* ------------------------------------------------------------------------------------------------------------
|  Button, Submit, Text, Password, Email, Textarea, Select, File, Lable  |
------------------------------------------------------------------------------------------------------------ */
input[type="button"],input[type="submit"],input[type="reset"]  { overflow:hidden; -webkit-appearance: none; display:block; position:relative; margin:0 auto; font-family: Arial, Helvetica, sans-serif; width: 100%; max-width: 280px; min-width: 280px; padding: 20px 0; font-size: 20px; text-transform: uppercase; font-weight: 500; line-height: .8; text-align: center; color: #231f20; border: 1px solid #ddd; background: #fff; cursor: pointer;  webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

input[type="button"]:hover ,input[type="submit"]:hover,input[type="submit"]:active { color: #fff; background:#1946ba; }

input[type="text"],input[type="password"],input[type="email"] { }

input[type="text"],input[type="password"],input[type="email"],input[type="file"], select,textarea { width:100%; padding:8px 10px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#555; background:#fff; border:1px solid #ddd;  -webkit-appearance: none;
   /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}

input { border-radius: 6px; -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
textarea,select {  -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"],
textarea:focus,select:focus { border:1px solid #a92928 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

input[type=file]:focus,
input[type=file]:hover,
input[type=checkbox]:focus,
select:focus,select:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

input[type=file],
input[type=checkbox],
select{ -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
label { display: inline-block; position:relative; cursor:pointer; }
select { font-family:'THSarabunNew', Arial, Helvetica, sans-serif; font-size: 22px; height:40px; padding:6px 40px 8px 10px; background:#f9f9f9 url(../images/icon-select.png) no-repeat right center; border-radius:6px;  }


/* ------------------------------------------------------------------------------------------------------------
|  Checkbox & Radio  |
------------------------------------------------------------------------------------------------------------ */
input[type="checkbox"],
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  border-color: #999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  margin-bottom:10px;
/*  padding-left: 35px; */
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: '';
  color: #555;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
 background:#f9f9f9; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  font-size: 18px; z-index: 1;
  text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
  content: '';
  background-color: #a92928;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 15px;
  height: 15px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
          transition: transform 200ms ease-out;
}

input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 15px;
  left: 12px;
  width: 10px;
  height: 5px;
  margin-top: -3px;
  z-index: 2;
  border-style: solid;
  border-color: #a92928;
  border-width: 0 0 3px 3px;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
      -ms-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
}
input[type="checkbox"]:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

input[type="radio"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 50%;
}

input[type="checkbox"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

@-webkit-keyframes borderscale {
  50% {
    box-shadow: 0 0 0 4px #ffb100;
  }
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 4px #ffb100;
  }
}

/* ------------------------------------------------------------------------------------------------------------
|  Heading  |
------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:0; letter-spacing: 0; font-weight: 400; }

/* ------------------------------------------------------------------------------------------------------------
|  Font Weight  |
------------------------------------------------------------------------------------------------------------ */
.font-weight-normal { font-weight:normal; }
.font-weight-100 { font-weight:100; }
.font-weight-200 { font-weight:200; }
.font-weight-300 { font-weight:300; }
.font-weight-400 { font-weight:400; }
.font-weight-500 { font-weight:500; }
.font-weight-600 { font-weight:600; }
.font-weight-700 { font-weight:700; }
.font-weight-800 { font-weight:800; }
.font-weight-900 { font-weight:900; }

/* ------------------------------------------------------------------------------------------------------------
|  Line Height  |
------------------------------------------------------------------------------------------------------------ */
.line-height-10 { line-height:10px; }
.line-height-13 { line-height:13px; }
.line-height-18 { line-height:18px; }
.line-height-20 { line-height:20px; }
.line-height-24 { line-height:24px; }
.line-height-22 { line-height:22px; }
.line-height-26 { line-height:26px; }
.line-height-28 { line-height:28px; }
.line-height-30 { line-height:30px; }
.line-height-35 { line-height:35px; }
.line-height-40 { line-height:40px; }
.line-height-45 { line-height:45px; }
.line-height-50 { line-height:50px; }
.line-height-55 { line-height:55px; }
.line-height-60 { line-height:60px; }
.line-height-65 { line-height:65px; }
.line-height-70 { line-height:70px; }
.line-height-75 { line-height:75px; }
.line-height-80 { line-height:80px; }
.line-height-85 { line-height:85px; }
.line-height-90 { line-height:90px; }
.line-height-95 { line-height:95px; }
.line-height-100 { line-height:100px; }
.line-height-110 { line-height:110px; }
.line-height-120 { line-height:120px; }
.line-height-130 { line-height:130px; }
.line-height-140 { line-height:140px; }
.line-height-150 { line-height:150px; }

/* ------------------------------------------------------------------------------------------------------------
|  Font Color  |
------------------------------------------------------------------------------------------------------------ */
.text-red { color:#f44336; }
.text-pink { color:#E91E63; }
.text-purple { color:#9C27B0; }
.text-deeppurple { color:#673AB7; }
.text-indigo { color:#3F51B5; }
.text-blue { color:#2196F3; }
.text-lightblue { color:#03A9F4; }
.text-cyan { color:#00BCD4; }
.text-teal { color:#009688; }
.text-green { color:#4CAF50; }
.text-lightgreen { color:#8BC34A; }
.text-lime { color:#CDDC39; }
.text-yellow { color:#FFEB3B; }
.text-amber { color:#FFC107; }
.text-orange { color:#FF9800; }
.text-deeporange { color:#FF5722; }
.text-brown { color:#795548; }
.text-grey { color:#9E9E9E; }
.text-bluegrey { color:#607D8B; }
.text-black { color:#000; }
.text-333 { color:#333; }
.text-555 { color:#555; }
.text-666 { color:#666; }
.text-777 { color:#777; }
.text-888 { color:#888; }
.text-999 { color:#999; }
.text-eee { color:#eee; }
.text-ccc { color:#ccc; }
.text-aaa { color:#aaa; }

/* ------------------------------------------------------------------------------------------------------------
|  Background Color  |
------------------------------------------------------------------------------------------------------------ */
.bg-red { background:#f44336; }
.bg-red-50 { background:#ffebee; }
.bg-red-100 { background:#ffcdd2; }
.bg-red-200 { background:#ef9a9a; }
.bg-red-300 { background:#e57373; }
.bg-red-400 { background:#ef5350; }
.bg-red-500 { background:#f44336; }
.bg-red-600 { background:#e53935; }
.bg-red-700 { background:#d32f2f; }
.bg-red-800 { background:#c62828; }
.bg-red-900 { background:#b71c1c; }
.bg-red-a100 { background:#ff8a80; }
.bg-red-a200 { background:#ff5252; }
.bg-red-a400 { background:#ff1744; }
.bg-red-a700 { background:#d50000; }

.bg-pink { background:#E91E63; }
.bg-pink-50 { background:#FCE4EC; }
.bg-pink-100 { background:#F8BBD0; }
.bg-pink-200 { background:#F48FB1; }
.bg-pink-300 { background:#F06292; }
.bg-pink-400 { background:#EC407A; }
.bg-pink-500 { background:#E91E63; }
.bg-pink-600 { background:#D81B60; }
.bg-pink-700 { background:#C2185B; }
.bg-pink-800 { background:#AD1457; }
.bg-pink-900 { background:#880E4F; }
.bg-pink-a100 { background:#FF80AB; }
.bg-pink-a200 { background:#FF4081; }
.bg-pink-a400 { background:#F50057; }
.bg-pink-a700 { background:#C51162; }

.bg-purple { background:#9C27B0; }
.bg-purple-50 { background:#F3E5F5; }
.bg-purple-100 { background:#E1BEE7; }
.bg-purple-200 { background:#CE93D8; }
.bg-purple-300 { background:#BA68C8; }
.bg-purple-400 { background:#AB47BC; }
.bg-purple-500 { background:#9C27B0; }
.bg-purple-600 { background:#8E24AA; }
.bg-purple-700 { background:#7B1FA2; }
.bg-purple-800 { background:#6A1B9A; }
.bg-purple-900 { background:#4A148C; }
.bg-purple-a100 { background:#EA80FC; }
.bg-purple-a200 { background:#E040FB; }
.bg-purple-a400 { background:#D500F9; }
.bg-purple-a700 { background:#AA00FF; }

.bg-deeppurple { background:#673AB7; }
.bg-deeppurple-50 { background:#EDE7F6; }
.bg-deeppurple-100 { background:#D1C4E9; }
.bg-deeppurple-200 { background:#B39DDB; }
.bg-deeppurple-300 { background:#9575CD; }
.bg-deeppurple-400 { background:#7E57C2; }
.bg-deeppurple-500 { background:#673AB7; }
.bg-deeppurple-600 { background:#5E35B1; }
.bg-deeppurple-700 { background:#512DA8; }
.bg-deeppurple-800 { background:#4527A0; }
.bg-deeppurple-900 { background:#311B92; }
.bg-deeppurple-a100 { background:#B388FF; }
.bg-deeppurple-a200 { background:#7C4DFF; }
.bg-deeppurple-a400 { background:#651FFF; }
.bg-deeppurple-a700 { background:#6200EA; }

.bg-indigo { background:#3F51B5; }
.bg-indigo-50 { background:#E8EAF6; }
.bg-indigo-100 { background:#C5CAE9; }
.bg-indigo-200 { background:#9FA8DA; }
.bg-indigo-300 { background:#7986CB; }
.bg-indigo-400 { background:#5C6BC0; }
.bg-indigo-500 { background:#3F51B5; }
.bg-indigo-600 { background:#3949AB; }
.bg-indigo-700 { background:#303F9F; }
.bg-indigo-800 { background:#283593; }
.bg-indigo-900 { background:#1A237E; }
.bg-indigo-a100 { background:#8C9EFF; }
.bg-indigo-a200 { background:#536DFE; }
.bg-indigo-a400 { background:#3D5AFE; }
.bg-indigo-a700 { background:#304FFE; }

.bg-blue { background:#2196F3; }
.bg-blue-50 { background:#E3F2FD; }
.bg-blue-100 { background:#BBDEFB; }
.bg-blue-200 { background:#90CAF9; }
.bg-blue-300 { background:#64B5F6; }
.bg-blue-400 { background:#42A5F5; }
.bg-blue-500 { background:#2196F3; }
.bg-blue-600 { background:#1E88E5; }
.bg-blue-700 { background:#1976D2; }
.bg-blue-800 { background:#1565C0; }
.bg-blue-900 { background:#0D47A1; }
.bg-blue-a100 { background:#82B1FF; }
.bg-blue-a200 { background:#448AFF; }
.bg-blue-a400 { background:#2979FF; }
.bg-blue-a700 { background:#2962FF; }

.bg-lightblue { background:#03A9F4; }
.bg-lightblue-50 { background:#E1F5FE; }
.bg-lightblue-100 { background:#B3E5FC; }
.bg-lightblue-200 { background:#81D4FA; }
.bg-lightblue-300 { background:#4FC3F7; }
.bg-lightblue-400 { background:#29B6F6; }
.bg-lightblue-500 { background:#03A9F4; }
.bg-lightblue-600 { background:#039BE5; }
.bg-lightblue-700 { background:#0288D1; }
.bg-lightblue-800 { background:#0277BD; }
.bg-lightblue-900 { background:#01579B; }
.bg-lightblue-a100 { background:#80D8FF; }
.bg-lightblue-a200 { background:#40C4FF; }
.bg-lightblue-a400 { background:#00B0FF; }
.bg-lightblue-a700 { background:#0091EA; }

.bg-cyan { background:#00BCD4; }
.bg-cyan-50 { background:#E0F7FA; }
.bg-cyan-100 { background:#B2EBF2; }
.bg-cyan-200 { background:#80DEEA; }
.bg-cyan-300 { background:#4DD0E1; }
.bg-cyan-400 { background:#26C6DA; }
.bg-cyan-500 { background:#00BCD4; }
.bg-cyan-600 { background:#00ACC1; }
.bg-cyan-700 { background:#0097A7; }
.bg-cyan-800 { background:#00838F; }
.bg-cyan-900 { background:#006064; }
.bg-cyan-a100 { background:#84FFFF; }
.bg-cyan-a200 { background:#18FFFF; }
.bg-cyan-a400 { background:#00E5FF; }
.bg-cyan-a700 { background:#00B8D4; }

.bg-teal { background:#009688; }
.bg-teal-50 { background:#E0F2F1; }
.bg-teal-100 { background:#B2DFDB; }
.bg-teal-200 { background:#80CBC4; }
.bg-teal-300 { background:#4DB6AC; }
.bg-teal-400 { background:#26A69A; }
.bg-teal-500 { background:#009688; }
.bg-teal-600 { background:#00897B; }
.bg-teal-700 { background:#00796B; }
.bg-teal-800 { background:#00695C; }
.bg-teal-900 { background:#004D40; }
.bg-teal-a100 { background:#A7FFEB; }
.bg-teal-a200 { background:#64FFDA; }
.bg-teal-a400 { background:#1DE9B6; }
.bg-teal-a700 { background:#00BFA5; }

.bg-green { background:#4CAF50; }
.bg-green-50 { background:#E8F5E9; }
.bg-green-100 { background:#C8E6C9; }
.bg-green-200 { background:#A5D6A7; }
.bg-green-300 { background:#81C784; }
.bg-green-400 { background:#66BB6A; }
.bg-green-500 { background:#4CAF50; }
.bg-green-600 { background:#43A047; }
.bg-green-700 { background:#388E3C; }
.bg-green-800 { background:#2E7D32; }
.bg-green-900 { background:#1B5E20; }
.bg-green-a100 { background:#B9F6CA; }
.bg-green-a200 { background:#69F0AE; }
.bg-green-a400 { background:#00E676; }
.bg-green-a700 { background:#00C853; }

.bg-lightgreen { background:#8BC34A; }
.bg-lightgreen-50 { background:#F1F8E9; }
.bg-lightgreen-100 { background:#DCEDC8; }
.bg-lightgreen-200 { background:#C5E1A5; }
.bg-lightgreen-300 { background:#AED581; }
.bg-lightgreen-400 { background:#9CCC65; }
.bg-lightgreen-500 { background:#8BC34A; }
.bg-lightgreen-600 { background:#7CB342; }
.bg-lightgreen-700 { background:#689F38; }
.bg-lightgreen-800 { background:#558B2F; }
.bg-lightgreen-900 { background:#33691E; }
.bg-lightgreen-a100 { background:#CCFF90; }
.bg-lightgreen-a200 { background:#B2FF59; }
.bg-lightgreen-a400 { background:#76FF03; }
.bg-lightgreen-a700 { background:#64DD17; }

.bg-lime { background:#CDDC39; }
.bg-lime-50 { background:#F9FBE7; }
.bg-lime-100 { background:#F0F4C3; }
.bg-lime-200 { background:#E6EE9C; }
.bg-lime-300 { background:#DCE775; }
.bg-lime-400 { background:#D4E157; }
.bg-lime-500 { background:#CDDC39; }
.bg-lime-600 { background:#C0CA33; }
.bg-lime-700 { background:#AFB42B; }
.bg-lime-800 { background:#9E9D24; }
.bg-lime-900 { background:#827717; }
.bg-lime-a100 { background:#F4FF81; }
.bg-lime-a200 { background:#EEFF41; }
.bg-lime-a400 { background:#C6FF00; }
.bg-lime-a700 { background:#AEEA00; }

.bg-yellow { background:#FFEB3B; }
.bg-yellow-50 { background:#FFFDE7; }
.bg-yellow-100 { background:#FFF9C4; }
.bg-yellow-200 { background:#FFF59D; }
.bg-yellow-300 { background:#FFF176; }
.bg-yellow-400 { background:#FFEE58; }
.bg-yellow-500 { background:#FFEB3B; }
.bg-yellow-600 { background:#FDD835; }
.bg-yellow-700 { background:#FBC02D; }
.bg-yellow-800 { background:#F9A825; }
.bg-yellow-900 { background:#F57F17; }
.bg-yellow-a100 { background:#FFFF8D; }
.bg-yellow-a200 { background:#FFFF00; }
.bg-yellow-a400 { background:#FFEA00; }
.bg-yellow-a700 { background:#FFD600; }

.bg-amber { background:#FFC107; }
.bg-amber-50 { background:#FFF8E1; }
.bg-amber-100 { background:#FFECB3; }
.bg-amber-200 { background:#FFE082; }
.bg-amber-300 { background:#FFD54F; }
.bg-amber-400 { background:#FFCA28; }
.bg-amber-500 { background:#FFC107; }
.bg-amber-600 { background:#FFB300; }
.bg-amber-700 { background:#FFA000; }
.bg-amber-800 { background:#FF8F00; }
.bg-amber-900 { background:#FF6F00; }
.bg-amber-a100 { background:#FFE57F; }
.bg-amber-a200 { background:#FFD740; }
.bg-amber-a400 { background:#FFC400; }
.bg-amber-a700 { background:#FFAB00; }

.bg-orange { background:#FF9800; }
.bg-orange-50 { background:#FFF3E0; }
.bg-orange-100 { background:#FFE0B2; }
.bg-orange-200 { background:#FFCC80; }
.bg-orange-300 { background:#FFB74D; }
.bg-orange-400 { background:#FFA726; }
.bg-orange-500 { background:#FF9800; }
.bg-orange-600 { background:#FB8C00; }
.bg-orange-700 { background:#F57C00; }
.bg-orange-800 { background:#EF6C00; }
.bg-orange-900 { background:#E65100; }
.bg-orange-a100 { background:#FFD180; }
.bg-orange-a200 { background:#FFAB40; }
.bg-orange-a400 { background:#FF9100; }
.bg-orange-a700 { background:#FF6D00; }

.bg-deeporange { background:#FF5722; }
.bg-deeporange-50 { background:#FBE9E7; }
.bg-deeporange-100 { background:#FFCCBC; }
.bg-deeporange-200 { background:#FFAB91; }
.bg-deeporange-300 { background:#FF8A65; }
.bg-deeporange-400 { background:#FF7043; }
.bg-deeporange-500 { background:#FF5722; }
.bg-deeporange-600 { background:#F4511E; }
.bg-deeporange-700 { background:#E64A19; }
.bg-deeporange-800 { background:#D84315; }
.bg-deeporange-900 { background:#BF360C; }
.bg-deeporange-a100 { background:#FF9E80; }
.bg-deeporange-a200 { background:#FF6E40; }
.bg-deeporange-a400 { background:#FF3D00; }
.bg-deeporange-a700 { background:#DD2C00; }

.bg-brown { background:#795548; }
.bg-brown-50 { background:#EFEBE9; }
.bg-brown-100 { background:#D7CCC8; }
.bg-brown-200 { background:#BCAAA4; }
.bg-brown-300 { background:#A1887F; }
.bg-brown-400 { background:#8D6E63; }
.bg-brown-500 { background:#795548; }
.bg-brown-600 { background:#6D4C41; }
.bg-brown-700 { background:#5D4037; }
.bg-brown-800 { background:#4E342E; }
.bg-brown-900 { background:#3E2723; }

.bg-grey { background:#9E9E9E; }
.bg-grey-50 { background:#FAFAFA; }
.bg-grey-100 { background:#F5F5F5; }
.bg-grey-200 { background:#EEEEEE; }
.bg-grey-300 { background:#E0E0E0; }
.bg-grey-400 { background:#BDBDBD; }
.bg-grey-500 { background:#9E9E9E; }
.bg-grey-600 { background:#757575; }
.bg-grey-700 { background:#616161; }
.bg-grey-800 { background:#424242; }
.bg-grey-900 { background:#212121; }

.bg-bluegrey { background:#607D8B; }
.bg-bluegrey-50 { background:#ECEFF1; }
.bg-bluegrey-100 { background:#CFD8DC; }
.bg-bluegrey-200 { background:#B0BEC5; }
.bg-bluegrey-300 { background:#90A4AE; }
.bg-bluegrey-400 { background:#78909C; }
.bg-bluegrey-500 { background:#607D8B; }
.bg-bluegrey-600 { background:#546E7A; }
.bg-bluegrey-700 { background:#455A64; }
.bg-bluegrey-800 { background:#37474F; }
.bg-bluegrey-900 { background:#263238; }

.bg-white { background:#fff; }
.bg-black { background:#000; }
.bg-333 { background:#333; }
.bg-555 { background:#555; }
.bg-666 { background:#666; }
.bg-777 { background:#777; }
.bg-888 { background:#888; }
.bg-999 { background:#999; }
.bg-eee { background:#eee; }
.bg-ccc { background:#ccc; }
.bg-aaa { background:#aaa; }

/* ------------------------------------------------------------------------------------------------------------
|  Width  |
------------------------------------------------------------------------------------------------------------ */
.width-1px { width:1px; }
.width-2px { width:2px; }
.width-3px { width:3px; }
.width-4px { width:4px; }
.width-5px { width:5px; }
.width-6px { width:6px; }
.width-7px { width:7px; }
.width-8px { width:8px; }
.width-9px { width:9px; }
.width-10px { width:10px; }
.width-15px { width:15px; }
.width-20px { width:20px; }
.width-25px { width:25px; }
.width-30px { width:30px; }
.width-35px { width:35px; }
.width-40px { width:40px; }
.width-50px { width:50px; }
.width-55px { width:55px; }
.width-60px { width:60px; }
.width-65px { width:65px; }
.width-70px { width:70px; }
.width-75px { width:75px; }
.width-80px { width:80px; }
.width-85px { width:85px; }
.width-90px { width:90px; }
.width-100px { width:100px; }
.width-120px { width:120px; }
.width-130px { width:130px; }
.width-150px { width:150px; }
.width-180px { width:180px; }
.width-200px { width:200px; }
.width-250px { width:250px; }
.width-300px { width:300px; }
.width-350px { width:350px; }
.width-400px { width:400px; }
.width-450px { width:450px; }
.width-500px { width:500px; }
.width-550px { width:550px; }
.width-600px { width:600px; }
.width-650px { width:650px; }
.width-700px { width:700px; }
.width-750px { width:750px; }
.width-800px { width:800px; }
.width-850px { width:850px; }
.width-900px { width:900px; }
.width-950px { width:950px; }
.width-1000px { width:1000px; }
.width-1170px { width:1170px; }

.width-10per { width:10%; }
.width-12per { width:12%; }
.width-15per { width:15%; }
.width-20per { width:20%; }
.width-25per { width:25%; }
.width-30per { width:30%; }
.width-35per { width:35%; }
.width-40per { width:40%; }
.width-45per { width:45%; }
.width-50per { width:50%; }
.width-55per { width:55%; }
.width-60per { width:60%; }
.width-65per { width:65%; }
.width-70per { width:70%; }
.width-75per { width:75%; }
.width-80per { width:80%; }
.width-85per { width:85%; }
.width-90per { width:90%; }
.width-95per { width:95%; }
.width-100per { width:100% !important; flex: 0 0 100% !important; }
.width-auto { width: auto; }


/* ------------------------------------------------------------------------------------------------------------
|  Height  |
------------------------------------------------------------------------------------------------------------ */
.height-1px { height: 1px}
.height-2px { height: 2px}
.height-3px { height: 3px}
.height-4px { height: 4px}
.height-5px { height: 5px}
.height-6px { height: 6px}
.height-7px { height: 7px}
.height-8px { height: 8px}
.height-9px { height: 9px}
.height-10px { height: 10px}
.height-80px { height: 80px}
.height-90px { height: 90px}
.height-100px { height: 100px}
.height-130px { height: 130px}
.height-150px { height: 150px}
.height-200px { height: 200px}
.height-250px { height: 250px}
.height-300px { height: 300px}
.height-350px { height: 350px}
.height-400px { height: 400px}
.height-450px { height: 450px}
.height-500px { height: 500px}
.height-550px { height: 550px}
.height-600px { height: 600px}
.height-650px { height: 650px}
.height-700px { height: 700px}

.height-50per { height: 50%; }
.height-100per { height: 100% !important; }
.height-auto { height:auto !important; }
.max-height-100per { max-height: 100%; }
.min-height-1per { height: 1%; }

/* ------------------------------------------------------------------------------------------------------------
|  Margin  |
------------------------------------------------------------------------------------------------------------ */
.no-margin { margin:0 !important; }
.no-margin-lr { margin-left: 0 !important; margin-right: 0 !important; }
.no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-margin-top { margin-top:0 !important; }
.no-margin-bottom { margin-bottom:0 !important; }
.no-margin-left { margin-left:0 !important; }
.no-margin-right { margin-right:0 !important; }
.margin-lr-auto { margin-left:auto !important; margin-right:auto !important; }
.margin-tb-auto { margin-top:auto !important; margin-bottom:auto !important; }
.margin-auto  { margin: 0 auto !important; }

.margin-top-5 { margin-top:5px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-25 { margin-top:25px !important; }
.margin-top-30 { margin-top:30px !important; }
.margin-top-35 { margin-top:35px !important; }
.margin-top-40 { margin-top:40px !important; }
.margin-top-45 { margin-top:45px !important; }
.margin-top-50 { margin-top:50px !important; }
.margin-top-55 { margin-top:55px !important; }
.margin-top-60 { margin-top:60px !important; }
.margin-top-65 { margin-top:65px !important; }
.margin-top-70 { margin-top:70px !important; }
.margin-top-75 { margin-top:75px !important; }
.margin-top-80 { margin-top:80px !important; }
.margin-top-85 { margin-top:85px !important; }
.margin-top-90 { margin-top:90px !important; }
.margin-top-100 { margin-top:100px !important; }
.margin-top-120 { margin-top:120px !important; }
.margin-top-140 { margin-top:140px !important; }
.margin-top-150 { margin-top:150px !important; }
.margin-top-200 { margin-top:200px !important; }

.margin-right-5 { margin-right:5px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-15 { margin-right:15px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-right-25 { margin-right:25px !important; }
.margin-right-30 { margin-right:30px !important; }
.margin-right-35 { margin-right:35px !important; }
.margin-right-40 { margin-right:40px !important; }
.margin-right-45 { margin-right:45px !important; }
.margin-right-50 { margin-right:50px !important; }
.margin-right-55 { margin-right:55px !important; }
.margin-right-60 { margin-right:60px !important; }
.margin-right-65 { margin-right:65px !important; }
.margin-right-70 { margin-right:70px !important; }
.margin-right-75 { margin-right:75px !important; }
.margin-right-80 { margin-right:80px !important; }
.margin-right-85 { margin-right:85px !important; }
.margin-right-90 { margin-right:90px !important; }
.margin-right-100 { margin-right:100px !important; }
.margin-right-120 { margin-right:120px !important; }
.margin-right-140 { margin-right:140px !important; }
.margin-right-150 { margin-right:150px !important; }
.margin-right-200 { margin-right:200px !important; }

.margin-bottom-5 { margin-bottom:5px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-25 { margin-bottom:25px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.margin-bottom-35 { margin-bottom:35px !important; }
.margin-bottom-40 { margin-bottom:40px !important; }
.margin-bottom-45 { margin-bottom:45px !important; }
.margin-bottom-50 { margin-bottom:50px !important; }
.margin-bottom-55 { margin-bottom:55px !important; }
.margin-bottom-60 { margin-bottom:60px !important; }
.margin-bottom-65 { margin-bottom:65px !important; }
.margin-bottom-70 { margin-bottom:70px !important; }
.margin-bottom-75 { margin-bottom:75px !important; }
.margin-bottom-80 { margin-bottom:80px !important; }
.margin-bottom-85 { margin-bottom:85px !important; }
.margin-bottom-90 { margin-bottom:90px !important; }
.margin-bottom-100 { margin-bottom:100px !important; }
.margin-bottom-120 { margin-bottom:120px !important; }
.margin-bottom-140 { margin-bottom:140px !important; }
.margin-bottom-150 { margin-bottom:150px !important; }
.margin-bottom-200 { margin-bottom:200px !important; }

.margin-left-5 { margin-left:5px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-15 { margin-left:15px !important; }
.margin-left-20 { margin-left:20px !important; }
.margin-left-25 { margin-left:25px !important; }
.margin-left-30 { margin-left:30px !important; }
.margin-left-35 { margin-left:35px !important; }
.margin-left-40 { margin-left:40px !important; }
.margin-left-45 { margin-left:45px !important; }
.margin-left-50 { margin-left:50px !important; }
.margin-left-55 { margin-left:55px !important; }
.margin-left-60 { margin-left:60px !important; }
.margin-left-65 { margin-left:65px !important; }
.margin-left-70 { margin-left:70px !important; }
.margin-left-75 { margin-left:75px !important; }
.margin-left-80 { margin-left:80px !important; }
.margin-left-85 { margin-left:85px !important; }
.margin-left-90 { margin-left:90px !important; }
.margin-left-100 { margin-left:100px !important; }
.margin-left-120 { margin-left:120px !important; }
.margin-left-140 { margin-left:140px !important; }
.margin-left-150 { margin-left:150px !important; }
.margin-left-200 { margin-left:200px !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Padding  |
------------------------------------------------------------------------------------------------------------ */
.no-padding { padding:0 !important; }
.no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
.no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-left { padding-left:0 !important; }
.no-padding-right { padding-right:0 !important; }
.padding-lr-auto { padding-left:auto !important; padding-right:auto !important; }
.padding-tb-auto { padding-top:auto !important; padding-bottom:auto !important; }
.padding-auto  { padding: 0 auto !important; }

.padding-top-5 { padding-top:5px !important; }
.padding-top-10 { padding-top:10px !important; }
.padding-top-15 { padding-top:15px !important; }
.padding-top-20 { padding-top:20px !important; }
.padding-top-25 { padding-top:25px !important; }
.padding-top-30 { padding-top:30px !important; }
.padding-top-35 { padding-top:35px !important; }
.padding-top-40 { padding-top:40px !important; }
.padding-top-45 { padding-top:45px !important; }
.padding-top-50 { padding-top:50px !important; }
.padding-top-55 { padding-top:55px !important; }
.padding-top-60 { padding-top:60px !important; }
.padding-top-65 { padding-top:65px !important; }
.padding-top-70 { padding-top:70px !important; }
.padding-top-75 { padding-top:75px !important; }
.padding-top-80 { padding-top:80px !important; }
.padding-top-85 { padding-top:85px !important; }
.padding-top-90 { padding-top:90px !important; }
.padding-top-100 { padding-top:100px !important; }
.padding-top-120 { padding-top:120px !important; }
.padding-top-140 { padding-top:140px !important; }
.padding-top-150 { padding-top:150px !important; }
.padding-top-200 { padding-top:200px !important; }

.padding-right-5 { padding-right:5px !important; }
.padding-right-10 { padding-right:10px !important; }
.padding-right-15 { padding-right:15px !important; }
.padding-right-20 { padding-right:20px !important; }
.padding-right-25 { padding-right:25px !important; }
.padding-right-30 { padding-right:30px !important; }
.padding-right-35 { padding-right:35px !important; }
.padding-right-40 { padding-right:40px !important; }
.padding-right-45 { padding-right:45px !important; }
.padding-right-50 { padding-right:50px !important; }
.padding-right-55 { padding-right:55px !important; }
.padding-right-60 { padding-right:60px !important; }
.padding-right-65 { padding-right:65px !important; }
.padding-right-70 { padding-right:70px !important; }
.padding-right-75 { padding-right:75px !important; }
.padding-right-80 { padding-right:80px !important; }
.padding-right-85 { padding-right:85px !important; }
.padding-right-90 { padding-right:90px !important; }
.padding-right-100 { padding-right:100px !important; }
.padding-right-120 { padding-right:120px !important; }
.padding-right-140 { padding-right:140px !important; }
.padding-right-150 { padding-right:150px !important; }
.padding-right-200 { padding-right:200px !important; }

.padding-bottom-5 { padding-bottom:5px !important; }
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }
.padding-bottom-25 { padding-bottom:25px !important; }
.padding-bottom-30 { padding-bottom:30px !important; }
.padding-bottom-35 { padding-bottom:35px !important; }
.padding-bottom-40 { padding-bottom:40px !important; }
.padding-bottom-45 { padding-bottom:45px !important; }
.padding-bottom-50 { padding-bottom:50px !important; }
.padding-bottom-55 { padding-bottom:55px !important; }
.padding-bottom-60 { padding-bottom:60px !important; }
.padding-bottom-65 { padding-bottom:65px !important; }
.padding-bottom-70 { padding-bottom:70px !important; }
.padding-bottom-75 { padding-bottom:75px !important; }
.padding-bottom-80 { padding-bottom:80px !important; }
.padding-bottom-85 { padding-bottom:85px !important; }
.padding-bottom-90 { padding-bottom:90px !important; }
.padding-bottom-100 { padding-bottom:100px !important; }
.padding-bottom-120 { padding-bottom:120px !important; }
.padding-bottom-140 { padding-bottom:140px !important; }
.padding-bottom-150 { padding-bottom:150px !important; }
.padding-bottom-200 { padding-bottom:200px !important; }

.padding-left-5 { padding-left:5px !important; }
.padding-left-10 { padding-left:10px !important; }
.padding-left-15 { padding-left:15px !important; }
.padding-left-20 { padding-left:20px !important; }
.padding-left-25 { padding-left:25px !important; }
.padding-left-30 { padding-left:30px !important; }
.padding-left-35 { padding-left:35px !important; }
.padding-left-40 { padding-left:40px !important; }
.padding-left-45 { padding-left:45px !important; }
.padding-left-50 { padding-left:50px !important; }
.padding-left-55 { padding-left:55px !important; }
.padding-left-60 { padding-left:60px !important; }
.padding-left-65 { padding-left:65px !important; }
.padding-left-70 { padding-left:70px !important; }
.padding-left-75 { padding-left:75px !important; }
.padding-left-80 { padding-left:80px !important; }
.padding-left-85 { padding-left:85px !important; }
.padding-left-90 { padding-left:90px !important; }
.padding-left-100 { padding-left:100px !important; }
.padding-left-120 { padding-left:120px !important; }
.padding-left-140 { padding-left:140px !important; }
.padding-left-150 { padding-left:150px !important; }
.padding-left-200 { padding-left:200px !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Vertical  |
------------------------------------------------------------------------------------------------------------ */
.vertical-align-auto { vertical-align: auto; }
.vertical-align-baseline { vertical-align: baseline; }
.vertical-align-bottom {vertical-align: bottom; }
.vertical-align-central { vertical-align: central; }
.vertical-align-inherit { vertical-align: inherit; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-sub { vertical-align: sub; }
.vertical-align-super { vertical-align: super; }
.vertical-align-textbottom { vertical-align: text-bottom; }
.vertical-align-texttop { vertical-align: text-top; }
.vertical-align-top { vertical-align: top; }
.vertical-align-usescript { vertical-align: use-script; }

/* ------------------------------------------------------------------------------------------------------------
|  Border  |
------------------------------------------------------------------------------------------------------------ */
.border-none { border-style: none !important; }
.border-dotted { border-style: dotted !important; }
.border-dashed { border-style: dashed !important; }
.border-solid { border-style: solid !important; }
.border-double { border-style: double !important; }
.border-groove { border-style: groove !important; }
.border-ridge { border-style: ridge !important; }
.border-inset { border-style: inset !important; }
.border-outset  {border-style: outset !important; }
.border-hidden { border-style: hidden !important; }
.border-transperent { border-color: transparent !important; }

.no-border { border:none !important; }
.no-border-top { border-top:0 !important; }
.no-border-bottom { border-bottom:0 !important; }
.no-border-right { border-right:0 !important; }
.no-border-left { border-left:0 !important; }

.border-radius-1 { border-radius:1px; }
.border-radius-2 { border-radius:2px; }
.border-radius-3 { border-radius:3px; }
.border-radius-4 { border-radius:4px; }
.border-radius-5 { border-radius:5px; }
.border-radius-6 { border-radius:6px; }
.border-radius-7 { border-radius:7px; }
.border-radius-8 { border-radius:8px; }
.border-radius-9 { border-radius:9px; }
.border-radius-10 { border-radius:10px; }
.border-radius-20 { border-radius:20px; }
.border-radius-50 { border-radius:50%; }
.border-radius-100 { border-radius:100%; }
.border-radius-none { border-radius:0; }

/* ------------------------------------------------------------------------------------------------------------
|  Display & Float  |
------------------------------------------------------------------------------------------------------------ */
.display-none { display:none !important; }
.display-block { display:block !important; }
.display-inline-block { display:inline-block !important; }
.display-inline { display:inline !important; }
.display-inherit { display:inherit !important; }
.display-table { display:table !important; }
.display-table-cell { display:table-cell !important; }

.overflow-hidden { overflow:hidden !important; }
.overflow-visible { overflow:visible !important; }
.overflow-auto { overflow:auto !important; }

.float-none{ float: none !important; }
.float-left{ float: left !important; }
.float-right{ float: right !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Text Align  |
------------------------------------------------------------------------------------------------------------ */
.text-center { text-align: center  !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important }


/* ------------------------------------------------------------------------------------------------------------
|  Position  |
------------------------------------------------------------------------------------------------------------ */
.position-absolute { position:absolute !important; }
.position-relative { position:relative !important; }
.position-fixed { position:fixed !important; }
.position-static { position:static !important; }
.position-inherit { position:inherit !important; }

.top-auto { top:auto !important; }
.top-auto { top:inherit !important; }
.top-0 { top:0 !important; }
.top-5 { top:5px !important; }
.top-10 { top:10px !important; }
.top-15 { top:15px !important; }
.top-20 { top:20px !important; }
.top-25 { top:25px !important; }
.top-30 { top:30px !important; }
.top-35 { top:35px !important; }
.top-40 { top:40px !important; }
.top-45 { top:45px !important; }
.top-50 { top:50px !important; }
.top-55 { top:55px !important; }
.top-60 { top:60px !important; }
.top-65 { top:65px !important; }
.top-70 { top:70px !important; }
.top-75 { top:75px !important; }
.top-80 { top:80px !important; }
.top-85 { top:85px !important; }
.top-90 { top:90px !important; }
.top-100 { top:100px !important; }
.top-120 { top:12px !important; }
.top-140 { top:140px !important; }
.top-150 { top:150px !important; }
.top-200 { top:200px !important; }

.right-auto { right:auto !important; }
.right-auto { right:inherit !important; }
.right-0 { right:0 !important; }
.right-5 { right:5px !important; }
.right-10 { right:10px !important; }
.right-15 { right:15px !important; }
.right-20 { right:20px !important; }
.right-25 { right:25px !important; }
.right-30 { right:30px !important; }
.right-35 { right:35px !important; }
.right-40 { right:40px !important; }
.right-45 { right:45px !important; }
.right-50 { right:50px !important; }
.right-55 { right:55px !important; }
.right-60 { right:60px !important; }
.right-65 { right:65px !important; }
.right-70 { right:70px !important; }
.right-75 { right:75px !important; }
.right-80 { right:80px !important; }
.right-85 { right:85px !important; }
.right-90 { right:90px !important; }
.right-100 { right:100px !important; }
.right-120 { right:12px !important; }
.right-140 { right:140px !important; }
.right-150 { right:150px !important; }
.right-200 { right:200px !important; }

.bottom-auto { bottom:auto !important; }
.bottom-auto { bottom:inherit !important; }
.bottom-0 { bottom:0 !important; }
.bottom-5 { bottom:5px !important; }
.bottom-10 { bottom:10px !important; }
.bottom-15 { bottom:15px !important; }
.bottom-20 { bottom:20px !important; }
.bottom-25 { bottom:25px !important; }
.bottom-30 { bottom:30px !important; }
.bottom-35 { bottom:35px !important; }
.bottom-40 { bottom:40px !important; }
.bottom-45 { bottom:45px !important; }
.bottom-50 { bottom:50px !important; }
.bottom-55 { bottom:55px !important; }
.bottom-60 { bottom:60px !important; }
.bottom-65 { bottom:65px !important; }
.bottom-70 { bottom:70px !important; }
.bottom-75 { bottom:75px !important; }
.bottom-80 { bottom:80px !important; }
.bottom-85 { bottom:85px !important; }
.bottom-90 { bottom:90px !important; }
.bottom-100 { bottom:100px !important; }
.bottom-120 { bottom:12px !important; }
.bottom-140 { bottom:140px !important; }
.bottom-150 { bottom:150px !important; }
.bottom-200 { bottom:200px !important; }

.left-auto { left:auto !important; }
.left-auto { left:inherit !important; }
.left-0 { left:0 !important; }
.left-5 { left:5px !important; }
.left-10 { left:10px !important; }
.left-15 { left:15px !important; }
.left-20 { left:20px !important; }
.left-25 { left:25px !important; }
.left-30 { left:30px !important; }
.left-35 { left:35px !important; }
.left-40 { left:40px !important; }
.left-45 { left:45px !important; }
.left-50 { left:50px !important; }
.left-55 { left:55px !important; }
.left-60 { left:60px !important; }
.left-65 { left:65px !important; }
.left-70 { left:70px !important; }
.left-75 { left:75px !important; }
.left-80 { left:80px !important; }
.left-85 { left:85px !important; }
.left-90 { left:90px !important; }
.left-100 { left:100px !important; }
.left-120 { left:12px !important; }
.left-140 { left:140px !important; }
.left-150 { left:150px !important; }
.left-200 { left:200px !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Delay Time  |
------------------------------------------------------------------------------------------------------------ */
.delay-0-5 { -webkit-animation-delay: .5s; animation-delay: .5s; }
.delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.delay-1-5 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-2 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.delay-2-5 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.delay-3 { -webkit-animation-delay: 3s; animation-delay: 3s; }
.delay-3-5 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.delay-4 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.delay-4-5 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.delay-5 { -webkit-animation-delay: 5s; animation-delay: 5s; }
.delay-5-5 { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }

/* ------------------------------------------------------------------------------------------------------------
|  Opacity  |
------------------------------------------------------------------------------------------------------------ */
.opacity {opacity:1;}
.opacity-0 {opacity:0;}
.opacity-1 {opacity:.1;}
.opacity-2 {opacity:.2;}
.opacity-3 {opacity:.3;}
.opacity-4 {opacity:.4;}
.opacity-5 {opacity:.5;}
.opacity-6 {opacity:.6;}
.opacity-7 {opacity:.7;}
.opacity-8 {opacity:.8;}
.opacity-9 {opacity:.9;}

/* ------------------------------------------------------------------------------------------------------------
|  Pagination  |
------------------------------------------------------------------------------------------------------------ */
.pointpage { float:left; width:100%; margin:40px 0; padding:0; text-align:center; }
.pointpage a { display: inline-block; min-width:40px; height:40px; margin:0 3px 0 0; padding:10px 14px; color:#333; font-weight:400; line-height:20px; text-align: center; background:#e0e0e0;  }
.pointpage a:hover { color:#fff; background:#333; }
.pointpage a.prev { display:inline-block; vertical-align:top; }
.pointpage a.next {display:inline-block; vertical-align:top ; margin-right:0;  }
.pointpage a.last { width: auto; }
.pointpage a .fa { display:inline-block; position:relative; width:100%; height:100%; font-size:20px; vertical-align:middle; }
.pointpage a .fa:before { position:absolute; width:20px; height:20px; margin:auto; left:-5px; top:-2px; bottom:0; right:0; }
.pointpage span { display:inline-block; width:40px; height:40px; margin:0 3px 0 0; padding:10px 14px; color:#fff; font-weight:400; line-height:20px; text-align: center; background:#333; }
.pointpage span.minis { width:auto; color:#333; background:none }
.pointpage .none-border { border:none; padding-left:0; }
.pointpage .none-border a:hover { border:nene;  }

/* ------------------------------------------------------------------------------------------------------------
|  UI Datepicker  |
------------------------------------------------------------------------------------------------------------ */
.ui-widget-content { width:200px !important; border: 1px double #abc9ff !important; color: #555; z-index:99999 !important ; }
.ui-widget-header { height:32px  !important; }
.ui-datepicker-calendar { font-size:11px !important; }
.ui-datepicker .ui-datepicker-title select { height:100%; margin:0 2px !important; padding:0 !important; font-size:12px!important; border:1px solid #ccc!important; background:url(../images/chosen-sprite.png) no-repeat 40px -44px; }
.ui-datepicker-calendar thead th { color:#7ba3ed; }
.ui-widget-header { background-color:#abc9ff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color:#fff !important; border:1px solid #abc9ff !important; background:#2152ac !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Other  |
------------------------------------------------------------------------------------------------------------ */
.no-selection { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */}

.middle-line { display: inline-block; vertical-align: middle; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.for-all { display:block !important; visibility:visible; }
.for-mobile { display:none !important; visibility:hidden; }

.box-table { display:table; width:100%; height:100%; }
.box-cell { display:table-cell; vertical-align:middle; }

.editor { text-align: justify; }
.editor ul { padding-left:20px; padding-top:15px; padding-bottom:15px; }
.editor ul li { list-style:circle; }
.editor ol { padding-left:20px; padding-bottom:20px; }
.editor ol li { list-style:decimal; }
.editor figure { padding: 15px 0; }
.editor img {
  display: inline-block;
  min-width: inherit !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
.editor a { display:inline-block; }

.ui-loader { display:none !important; visibility:hidden !important; }


/* ------------------------------------------------------------------------------------------------------------
|  Endjoy :)  |
------------------------------------------------------------------------------------------------------------ */