/* ================= COMMON STYLES FOR LAYOUT ======================*/
* {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
/*
  -webkit-user-select: none;
  -moz-user-select: none;
*/
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-size: 14px;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
xmp {
  white-space: nowrap;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
a:hover,
a:active {
  outline: none;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
b,
strong {
  font-weight: bold;
}
/* ========================== FLOTING, DISPLAY AND ALIGNMENT ======================*/
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.align_center {
  text-align: center;
}
.align_justify {
  text-align: justify;
}
.inline_block {
  display: inilne-block;
}
.show {
  display: block;
}
.hidden {
  display: none;
}
.hidden_visibility {
  visibility: hidden;
}
.visible_visibility {
  visibility: visible;
}
/* ======================== MARGIN, PADDING AND BORDER STYLES =========================*/
.top5 {
  margin-top: 5px;
}
.top10 {
  margin-top: 10px;
}
.top20 {
  margin-top: 20px;
}
.top30 {
  margin-top: 30px;
}
.top40 {
  margin-top: 40px;
}
.top50 {
  margin-top: 50px;
}
.top60 {
  margin-top: 60px;
}
.top70 {
  margin-top: 70px;
}
.top80 {
  margin-top: 80px;
}
.top100 {
  margin-top: 100px;
}
.left10 {
  margin-left: 10px;
}
.left20 {
  margin-left: 20px;
}
.left30 {
  margin-left: 30px;
}
.ptop10 {
  padding-top: 10px;
}
.ptop20 {
  padding-top: 20px;
}
.ptop30 {
  padding-top: 30px;
}
.ptop40 {
  padding-top: 40px;
}
.ptop50 {
  padding-top: 50px;
}
.ptop60 {
  padding-top: 60px;
}
.ptop70 {
  padding-top: 70px;
}
.ptop80 {
  padding-top: 80px;
}
.ptop90 {
  padding-top: 90px;
}
.ptop100 {
  padding-top: 100px;
}
.border_none {
  border: none;
}
.border {
  border: 1px solid #000;
}
/* ======================== FORM CONTROLS STYLE =========================*/
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button[type="checkbox"],
input[type="checkbox"],
button[type="radio"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
button[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-cancel-button,
button[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* ================================ TYPOGRAPHY STYLES =============================== */
/* ========= Default Heading Style ==========*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  letter-spacing: 1px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #666;
}
/* ========= Various Font-size Heading Style ==========*/
.sm_font {
  font-size: 10px;
}
.md_font {
  font-size: 12px;
}
.lg_font {
  font-size: 14px;
}
.h1_font {
  font-size: 36px;
}
.h2_font {
  font-size: 30px;
}
.h3_font {
  font-size: 24px;
}
.h4_font {
  font-size: 18px;
}
.h5_font {
  font-size: 15px;
}
.h6_font {
  font-size: 12px;
}
/* ============= PARAGRAPH STYLES ============== */
.text_part {
  line-height: 20px;
  color: #666;
}
.text_part.lg_font {
  line-height: 22px;
}
.inline_element,
.align_element,
.transform_element,
.abbr_element {
  font-size: 13px;
  color: #333;
  line-height: 35px;
}
/* ============= TEXT ELEMENTS STYLES ============== */
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.align_center {
  text-align: center;
}
.align_justify {
  text-align: justify;
}
.text_lowercase {
  text-transform: lowercase;
}
.text_uppercase {
  text-transform: uppercase;
}
.text_capitalize {
  text-transform: capitalize;
}
/* ================================= LIST STYLES OF ORDER AND UNORDER ============================== */
ul.nested_list li,
ol li {
  color: #666;
  font-size: 14px;
  line-height: 23px;
}
ul.inline_list li {
  display: inline-block;
  font-size: 13px;
  color: #666;
  margin-right: 10px;
}
/* ================================= LIST STYLES WITH DESCRIPTION ============================== */
dt,
dd {
  line-height: 1.42857143;
}
dl dt {
  font-size: 14px;
}
dl dd {
  font-size: 12px;
  color: #777;
}
dl.dl_horizontal {
  margin-top: 30px;
}
dl.dl_horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.dl_horizontal dd {
  margin-left: 180px;
  font-size: 14px;
}
/* ================================= SEGMENTATION STYLES ============================== */
.segment {
  position: relative;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1em;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.segment p {
  margin: 1em 0em;
  font-size: 12px;
  color: #777;
}
.segment p:first-child {
  margin-top: 0em;
}
.segment p:last-child {
  margin-bottom: 0em;
}
.segment.blue {
  border-top: 2px solid #6ECFF5;
}
.segment.orange {
  border-top: 2px solid #F05940;
}
.segment.green {
  border-top: 2px solid #A1CF64;
}
.segment.red {
  border-top: 2px solid #D95C5C;
}
.segment.purple {
  border-top: 2px solid #564F8A;
}
.segment.teal {
  border-top: 2px solid #00B5AD;
}
.segment:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* ================================= HEADER BORDER STYLES ============================== */
.border_divider {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 60%;
  margin: 0 auto;
}
.border_divider span {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 5px;
  font-size: 12px;
}
.border_divider:before {
  left: 0;
  margin-left: -25px;
}
.border_divider:after {
  left: auto;
  right: 0;
  margin-right: -25px;
}
.border_divider:after,
.border_divider:before {
  position: absolute;
  content: " ";
  z-index: 3;
  width: 50%;
  top: 50%;
  height: 0;
  border-top: 1px solid #ccc;
}
.truncating_text {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* ============================= GRID STYLES =============================== */
.container {
  width: 100%;
  max-width: 100%;
}
.row:before,
.row:after {
  content: "";
  display: table ;
  clear: both;
}
.col {
  min-height: 1px;
}
.col .col {
  margin-bottom: 0px;
}
.content {
  margin: 0px 5px;
  padding: 5px;
}
.row [class*="span_xs_"] {
  float: left;
}
.span_xs_1 {
  width: 100%;
}
.span_xs_2 {
  width: 50%;
}
.span_xs_3 {
  width: 33.33333333%;
}
.span_xs_2_3 {
  width: 66.66666667%;
}
.span_xs_4 {
  width: 25%;
}
.span_xs_3_4 {
  width: 75%;
}
.span_xs_5 {
  width: 20%;
}
.span_xs_4_5 {
  width: 80%;
}
.span_xs_3_5 {
  width: 60%;
}
.span_xs_2_5 {
  width: 40%;
}
.span_xs_6 {
  width: 16.66666667%;
}
.span_xs_5_6 {
  width: 83.33333333%;
}
.span_xs_7 {
  width: 14.28571429%;
}
.span_xs_6_7 {
  width: 85.71428571%;
}
.span_xs_5_7 {
  width: 71.42857143%;
}
.span_xs_4_7 {
  width: 57.14285714%;
}
.span_xs_3_7 {
  width: 42.85714286%;
}
.span_xs_2_7 {
  width: 28.57142857%;
}
.span_xs_8 {
  width: 12.5%;
}
.span_xs_7_8 {
  width: 87.5%;
}
.span_xs_5_8 {
  width: 62.5%;
}
.span_xs_3_8 {
  width: 37.5%;
}
.span_xs_9 {
  width: 11.11111111%;
}
.span_xs_8_9 {
  width: 88.88888889%;
}
.span_xs_7_9 {
  width: 77.77777778%;
}
.span_xs_5_9 {
  width: 55.55555556%;
}
.span_xs_4_9 {
  width: 44.44444444%;
}
.span_xs_2_9 {
  width: 22.22222222%;
}
.span_xs_10 {
  width: 10%;
}
.span_xs_9_10 {
  width: 90%;
}
.span_xs_7_10 {
  width: 70%;
}
.span_xs_3_10 {
  width: 30%;
}
.span_xs_11 {
  width: 9.09090909%;
}
.span_xs_8_11 {
  width: 72.72727273%;
}
.span_xs_7_11 {
  width: 63.63636364%;
}
.span_xs_4_11 {
  width: 36.36363636%;
}
.span_xs_3_11 {
  width: 27.27272727%;
}
.span_xs_2_11 {
  width: 18.18181818%;
}
.span_xs_12 {
  width: 8.33333333%;
}
.span_xs_11_12 {
  width: 91.66666667%;
}
.span_xs_10_12 {
  width: 83.33333333%;
}
.span_xs_8_12 {
  width: 66.66666667%;
}
.span_xs_7_12 {
  width: 58.33333333%;
}
.span_xs_5_12 {
  width: 41.66666667%;
}
@-moz-document url-prefix() {
  .span_xs_3 {
    width: 33.32333333%;
  }
  .span_xs_5 {
    width: 19.99%;
  }
  .span_xs_7 {
    width: 14.27571429%;
  }
  .span_xs_9 {
    width: 11.10111111%;
  }
  .span_xs_11 {
    width: 9.08090909%;
  }
}
@media (min-width: 768px) {
  .row [class*="span_sm_"] {
    float: left;
  }
  .span_sm_1 {
    width: 100%;
  }
  .span_sm_2 {
    width: 50%;
  }
  .span_sm_3 {
    width: 33.33333333%;
  }
  .span_sm_2_3 {
    width: 66.66666667%;
  }
  .span_sm_4 {
    width: 25%;
  }
  .span_sm_3_4 {
    width: 75%;
  }
  .span_sm_5 {
    width: 20%;
  }
  .span_sm_4_5 {
    width: 80%;
  }
  .span_sm_3_5 {
    width: 60%;
  }
  .span_sm_2_5 {
    width: 40%;
  }
  .span_sm_6 {
    width: 16.66666667%;
  }
  .span_sm_5_6 {
    width: 83.33333333%;
  }
  .span_sm_7 {
    width: 14.28571429%;
  }
  .span_sm_6_7 {
    width: 85.71428571%;
  }
  .span_sm_5_7 {
    width: 71.42857143%;
  }
  .span_sm_4_7 {
    width: 57.14285714%;
  }
  .span_sm_3_7 {
    width: 42.85714286%;
  }
  .span_sm_2_7 {
    width: 28.57142857%;
  }
  .span_sm_8 {
    width: 12.5%;
  }
  .span_sm_7_8 {
    width: 87.5%;
  }
  .span_sm_5_8 {
    width: 62.5%;
  }
  .span_sm_3_8 {
    width: 37.5%;
  }
  .span_sm_9 {
    width: 11.11111111%;
  }
  .span_sm_8_9 {
    width: 88.88888889%;
  }
  .span_sm_7_9 {
    width: 77.77777778%;
  }
  .span_sm_5_9 {
    width: 55.55555556%;
  }
  .span_sm_4_9 {
    width: 44.44444444%;
  }
  .span_sm_2_9 {
    width: 22.22222222%;
  }
  .span_sm_10 {
    width: 10%;
  }
  .span_sm_9_10 {
    width: 90%;
  }
  .span_sm_7_10 {
    width: 70%;
  }
  .span_sm_3_10 {
    width: 30%;
  }
  .span_sm_11 {
    width: 9.09090909%;
  }
  .span_sm_8_11 {
    width: 72.72727273%;
  }
  .span_sm_7_11 {
    width: 63.63636364%;
  }
  .span_sm_4_11 {
    width: 36.36363636%;
  }
  .span_sm_3_11 {
    width: 27.27272727%;
  }
  .span_sm_2_11 {
    width: 18.18181818%;
  }
  .span_sm_12 {
    width: 8.33333333%;
  }
  .span_sm_11_12 {
    width: 91.66666667%;
  }
  .span_sm_10_12 {
    width: 83.33333333%;
  }
  .span_sm_8_12 {
    width: 66.66666667%;
  }
  .span_sm_7_12 {
    width: 58.33333333%;
  }
  .span_sm_5_12 {
    width: 41.66666667%;
  }
  @-moz-document url-prefix() {
    .span_sm_3 {
      width: 33.32333333%;
    }
    .span_sm_5 {
      width: 19.99%;
    }
    .span_sm_7 {
      width: 14.27571429%;
    }
    .span_sm_9 {
      width: 11.10111111%;
    }
    .span_sm_11 {
      width: 9.08090909%;
    }
  }
}
@media (min-width: 992px) {
  .row [class*="span_md_"] {
    float: left;
  }
  .span_md_1 {
    width: 100%;
  }
  .span_md_2 {
    width: 50%;
  }
  .span_md_3 {
    width: 33.33333333%;
  }
  .span_md_2_3 {
    width: 66.66666667%;
  }
  .span_md_4 {
    width: 25%;
  }
  .span_md_3_4 {
    width: 75%;
  }
  .span_md_5 {
    width: 20%;
  }
  .span_md_4_5 {
    width: 80%;
  }
  .span_md_3_5 {
    width: 60%;
  }
  .span_md_2_5 {
    width: 40%;
  }
  .span_md_6 {
    width: 16.66666667%;
  }
  .span_md_5_6 {
    width: 83.33333333%;
  }
  .span_md_7 {
    width: 14.28571429%;
  }
  .span_md_6_7 {
    width: 85.71428571%;
  }
  .span_md_5_7 {
    width: 71.42857143%;
  }
  .span_md_4_7 {
    width: 57.14285714%;
  }
  .span_md_3_7 {
    width: 42.85714286%;
  }
  .span_md_2_7 {
    width: 28.57142857%;
  }
  .span_md_8 {
    width: 12.5%;
  }
  .span_md_7_8 {
    width: 87.5%;
  }
  .span_md_5_8 {
    width: 62.5%;
  }
  .span_md_3_8 {
    width: 37.5%;
  }
  .span_md_9 {
    width: 11.11111111%;
  }
  .span_md_8_9 {
    width: 88.88888889%;
  }
  .span_md_7_9 {
    width: 77.77777778%;
  }
  .span_md_5_9 {
    width: 55.55555556%;
  }
  .span_md_4_9 {
    width: 44.44444444%;
  }
  .span_md_2_9 {
    width: 22.22222222%;
  }
  .span_md_10 {
    width: 10%;
  }
  .span_md_9_10 {
    width: 90%;
  }
  .span_md_7_10 {
    width: 70%;
  }
  .span_md_3_10 {
    width: 30%;
  }
  .span_md_11 {
    width: 9.09090909%;
  }
  .span_md_8_11 {
    width: 72.72727273%;
  }
  .span_md_7_11 {
    width: 63.63636364%;
  }
  .span_md_4_11 {
    width: 36.36363636%;
  }
  .span_md_3_11 {
    width: 27.27272727%;
  }
  .span_md_2_11 {
    width: 18.18181818%;
  }
  .span_md_12 {
    width: 8.33333333%;
  }
  .span_md_11_12 {
    width: 91.66666667%;
  }
  .span_md_10_12 {
    width: 83.33333333%;
  }
  .span_md_8_12 {
    width: 66.66666667%;
  }
  .span_md_7_12 {
    width: 58.33333333%;
  }
  .span_md_5_12 {
    width: 41.66666667%;
  }
  @-moz-document url-prefix() {
    .span_md_3 {
      width: 33.32333333%;
    }
    .span_md_5 {
      width: 19.99%;
    }
    .span_md_7 {
      width: 14.27571429%;
    }
    .span_md_9 {
      width: 11.10111111%;
    }
    .span_md_11 {
      width: 9.08090909%;
    }
  }
}
@media (min-width: 1200px) {
  .row [class*="span_lg_"] {
    float: left;
  }
  .span_lg_1 {
    width: 100%;
  }
  .span_lg_2 {
    width: 50%;
  }
  .span_lg_3 {
    width: 33.33333333%;
  }
  .span_lg_2_3 {
    width: 66.66666667%;
  }
  .span_lg_4 {
    width: 25%;
  }
  .span_lg_3_4 {
    width: 75%;
  }
  .span_lg_5 {
    width: 20%;
  }
  .span_lg_4_5 {
    width: 80%;
  }
  .span_lg_3_5 {
    width: 60%;
  }
  .span_lg_2_5 {
    width: 40%;
  }
  .span_lg_6 {
    width: 16.66666667%;
  }
  .span_lg_5_6 {
    width: 83.33333333%;
  }
  .span_lg_7 {
    width: 14.28571429%;
  }
  .span_md_6_7 {
    width: 85.71428571%;
  }
  .span_lg_5_7 {
    width: 71.42857143%;
  }
  .span_lg_4_7 {
    width: 57.14285714%;
  }
  .span_lg_3_7 {
    width: 42.85714286%;
  }
  .span_lg_2_7 {
    width: 28.57142857%;
  }
  .span_lg_8 {
    width: 12.5%;
  }
  .span_lg_7_8 {
    width: 87.5%;
  }
  .span_lg_5_8 {
    width: 62.5%;
  }
  .span_lg_3_8 {
    width: 37.5%;
  }
  .span_lg_9 {
    width: 11.11111111%;
  }
  .span_lg_8_9 {
    width: 88.88888889%;
  }
  .span_lg_7_9 {
    width: 77.77777778%;
  }
  .span_lg_5_9 {
    width: 55.55555556%;
  }
  .span_lg_4_9 {
    width: 44.44444444%;
  }
  .span_lg_2_9 {
    width: 22.22222222%;
  }
  .span_lg_10 {
    width: 10%;
  }
  .span_lg_9_10 {
    width: 90%;
  }
  .span_lg_7_10 {
    width: 70%;
  }
  .span_lg_3_10 {
    width: 30%;
  }
  .span_lg_11 {
    width: 9.09090909%;
  }
  .span_lg_8_11 {
    width: 72.72727273%;
  }
  .span_lg_7_11 {
    width: 63.63636364%;
  }
  .span_lg_6_11 {
    width: 54.54545455%;
  }
  .span_lg_5_11 {
    width: 45.45454545%;
  }
  .span_lg_4_11 {
    width: 36.36363636%;
  }
  .span_lg_3_11 {
    width: 27.27272727%;
  }
  .span_lg_2_11 {
    width: 18.18181818%;
  }
  .span_lg_12 {
    width: 8.33333333%;
  }
  .span_lg_11_12 {
    width: 91.66666667%;
  }
  .span_lg_10_12 {
    width: 83.33333333%;
  }
  .span_lg_8_12 {
    width: 66.66666667%;
  }
  .span_lg_7_12 {
    width: 58.33333333%;
  }
  .span_lg_5_12 {
    width: 41.66666667%;
  }
  @-moz-document url-prefix() {
    .span_lg_3 {
      width: 33.32333333%;
    }
    .span_lg_5 {
      width: 19.99%;
    }
    .span_lg_7 {
      width: 14.27571429%;
    }
    .span_lg_9 {
      width: 11.10111111%;
    }
    .span_lg_11 {
      width: 9.08090909%;
    }
  }
}
/* ============================== BUTTON STYLES ================================*/
.button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  background-color: #fafafa;
  color: gray;
  height: 40px;
  width: 140px;
  line-height: 39px;
  font-size: 14px;
  margin-right: 10px;
  border: 1px solid #dddddd;
  text-align: center;
  text-decoration: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
.button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
}
.button.small_button {
  width: 80px;
  height: 30px;
  line-height: 29px;
}
.button.large_button {
  width: 180px;
}
.button.extra_large_button {
  width: 230px;
}
.button.rounded_button {
  border-radius: 20px;
}
.button.full_round {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.button.full_round i {
  font-size: 18px;
  line-height: 37px;
}
.button.disable_button {
  background-image: none;
  background-color: #efefef;
  cursor: not-allowed;
}
.button.active {
  border: 2px solid #cccccc;
  background: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}
.button.icon_with_btn {
  position: relative;
  font-size: 13px;
  padding-left: 20px;
}
.button.icon_with_btn i {
  position: absolute;
  top: 0;
  text-align: center;
  width: 30px;
  height: 100%;
  left: 0;
  line-height: 39px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
}
.button.icon_with_btn i.icon_on_right {
  right: 0;
  left: auto!important;
}
.button.icon_with_btn.right_icon_btn {
  padding-left: 0px;
  padding-right: 20px;
}
.button.icon_button {
  width: 40px;
  height: 30px;
  font-size: 15px;
  line-height: 28px;
  background-color: #efefef;
  color: #666666;
}
.button.icon_button:hover {
  background-color: #efefef;
  color: #666666;
}
/*================================button group styles==================================*/
.button_group {
  list-style: none;
  margin: 0;
  font-size: 0;
}
.button_group li {
  display: inline-block;
}
.button_group li .button {
  border-right: none;
  margin-right: 0px;
}
.button_group li .button:last-child {
  border-right: 1px solid #dddddd;
}
.button_group.round > *:first-child,
.button_group.round > *:first-child > .button {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.button_group.round > *:last-child,
.button_group.round > *:last-child > .button {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}
.button_group.vertical li {
  display: block;
}
/*===========================================================or button styles=========================================*/
.or_container {
  position: relative;
  display: inline-block;
  width: .3em;
  height: 1.1em;
  z-index: 3;
}
.or_container:before {
  position: absolute;
  top: 49%;
  left: 48%;
  content: 'or';
  background-color: #ffffff;
  margin-top: -11px;
  margin-left: -20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #AAA;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  border-radius: 500px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.or_container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: ' ';
  width: .3em;
  height: 1.7em;
  background-color: transparent;
  border-top: 0.5em solid #ffffff;
  border-bottom: 0.5em solid #ffffff;
}
/*===========================================================css3 creative button styles====================================*/
.shadow_button {
  width: 70px;
  height: 70px;
  padding: 0;
  background: #205648;
  box-shadow: 0 6px #123129;
  line-height: 70px;
  text-align: center;
  border: none;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin: 0px 30px;
  outline: none;
  position: relative;
}
.shadow_button:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.shadow_button:hover {
  box-shadow: 0 4px #123129;
  top: 2px;
}
.shadow_button:active {
  box-shadow: 0 0 #123129;
  top: 6px;
}
.shadow_button.rounded_button {
  border-radius: 50%;
}
.shadow_button.default_button {
  border-radius: 0px;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
/*===================================================== Hover effects styles ==================================================*/
.hover_button {
  width: 180px;
  position: relative;
}
.hover_button:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0px;
  top: 0;
  left: 0;
  background-color: #205648;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.hover_button:hover {
  z-index: 1;
  color: #ffffff;
}
.hover_button:hover:after {
  height: 100%;
}
.hover_button.right_side_hover:after {
  content: '';
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #205648;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.hover_button.right_side_hover:hover:after {
  width: 100%;
}
/*==================================================================dropdown button styles ====================================================*/
.dropdown_button_example {
  position: relative;
  margin: 0 40px;
}
.dropdown_button_example .button.dropdown_button {
  background-color: #ffffff;
  background-image: none;
}
.dropdown_button_example .button.dropdown_button i {
  float: right;
  line-height: 39px;
  color: #666;
  font-size: 16px;
  margin-right: 8px;
}
.dropdown_button_example ul.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 220px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown_button_example ul.dropdown_menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #efefef;
}
.dropdown_button_example ul.dropdown_menu li a {
  display: block;
  text-decoration: none;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #666666;
  white-space: nowrap;
}
.dropdown_button_example ul.dropdown_menu li a:hover {
  background: #efefef;
}
.dropdown_button_example ul.dropdown_menu.menu_on_left {
  right: 0;
  left: auto;
}
@media (min-width: 768px) {
  .button .dropdown_menu {
    right: 0;
    left: auto;
  }
}
/* ================== GENERAL FORM STYLES =================*/
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background: #eee;
  color: #777;
  border-color: #ccc;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border: 1px solid #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
}
input[type="file"]:focus:invalid:focus,
input[type="radio"]:focus:invalid:focus,
input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/* ======================== FORM CSS ============================== */
.form_group {
  margin-bottom: 15px;
}
label {
  display: block;
  width: 100px;
  margin-bottom: 10px;
  color: #666;
  font-size: 14px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: block;
  width: 350px;
  height: 30px;
  padding: 6px 12px;
  font-size: 12px;
  color: #555;
  border: 1px solid #ccc;
  position: relative;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  outline: 0;
  border-color: #205648;
}
.select_box {
  position: relative;
  display: inline-block;
}
.select_box span {
  text-align: center;
  position: absolute;
  right: 1px;
  width: 28px;
  top: 1px;
  height: 28px;
  background: #fff;
  pointer-events: none;
}
.select_box span i {
  line-height: 30px;
}
.select_box select {
  display: block;
  width: 350px;
  height: 30px;
  font-size: 12px;
  background: #ffffff;
  padding: 6px 12px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  border-radius: 0;
}
.select_box select:focus {
  outline: 0;
  border-color: #205648;
}
textarea {
  width: 350px;
  height: 100px;
  border: 1px solid #ccc;
  resize: none;
}
textarea:focus {
  outline: 0;
  border-color: #205648;
}
textarea.full_width {
  width: 100%;
}
/* === for required field style === */
.required_field {
  position: relative;
  display: inline-block;
}
.required_field .required_corner {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  border-color: #ddd;
}
.required_field .required_corner i {
  font-size: 7px;
  color: #f00;
  position: relative;
  top: 7px;
  right: 5px;
}
.required_field .required_corner:after {
  position: absolute;
  content: " ";
  right: 1px;
  top: 1px;
  z-index: -1;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 33px solid transparent;
  border-bottom: 29px solid transparent;
  border-left: 0 solid transparent;
  border-right-color: inherit;
}
.select_demo select {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 12px;
  background: #ffffff;
  padding: 6px 12px;
  border: 1px solid #ccc;
}
.select_demo select.multiple_select {
  height: 70px;
  margin-top: 20px;
}
/* === end === */
/* ======================= OVERWRITE CLASS FOR DIFFERENT FORM STYLES ========================*/
.form_type_stacked .form_group {
  margin-bottom: 15px;
}
.form_type_horizontal .form_group {
  margin-bottom: 15px;
}
.form_type_horizontal .form_group label {
  display: inline-block;
}
.form_type_horizontal .form_group input[type="text"],
.form_type_horizontal .form_group input[type="password"],
.form_type_horizontal .form_group input[type="email"],
.form_type_horizontal .form_group input[type="url"],
.form_type_horizontal .form_group input[type="date"],
.form_type_horizontal .form_group input[type="month"],
.form_type_horizontal .form_group input[type="time"],
.form_type_horizontal .form_group input[type="datetime"],
.form_type_horizontal .form_group input[type="datetime-local"],
.form_type_horizontal .form_group input[type="week"],
.form_type_horizontal .form_group input[type="number"],
.form_type_horizontal .form_group input[type="search"],
.form_type_horizontal .form_group input[type="tel"],
.form_type_horizontal .form_group input[type="color"] {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}
.form_type_horizontal .form_group .select_box select {
  display: inline-block;
  width: 300px;
}
.form_type_inline .form_group {
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.form_type_inline .form_group .select_box select {
  width: 200px;
}
.form_type_append .form_group {
  margin-bottom: 15px;
  position: relative;
  font-size: 0;
  display: table;
  /* display: inline-table; */
}
.form_type_append .form_group .input_addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  border-right: none;
}
.form_type_append .form_group .input_addon.prepand_addon {
  border-right: 1px solid #ccc;
  border-left: none;
}
.form_type_append .form_group .input_addon.prepand_append_addon {
  border-left: none;
  border-right: 1px solid #ccc;
}
.form_type_append .form_group .append_text {
  display: inline-block;
  vertical-align: top;
}
.grid_type_form .form_group {
  margin-bottom: 15px;
}
.grid_type_form .form_group label {
  width: auto;
  margin: 4px 18px 0px 0px;
  text-align: right;
}
/* ======================== WIDTH FOR TEXTBOX AND SELECT ========================== */
input[type="text"].input_full_size,
input[type="password"].input_full_size,
input[type="email"].input_full_size,
input[type="url"].input_full_size,
input[type="date"].input_full_size,
input[type="month"].input_full_size,
input[type="time"].input_full_size,
input[type="datetime"].input_full_size,
input[type="datetime-local"].input_full_size,
input[type="week"].input_full_size,
input[type="number"].input_full_size,
input[type="search"].input_full_size,
input[type="tel"].input_full_size,
input[type="color"].input_full_size {
  width: 100%;
}
input[type="text"].input_xs_size,
input[type="password"].input_xs_size,
input[type="email"].input_xs_size,
input[type="url"].input_xs_size,
input[type="date"].input_xs_size,
input[type="month"].input_xs_size,
input[type="time"].input_xs_size,
input[type="datetime"].input_xs_size,
input[type="datetime-local"].input_xs_size,
input[type="week"].input_xs_size,
input[type="number"].input_xs_size,
input[type="search"].input_xs_size,
input[type="tel"].input_xs_size,
input[type="color"].input_xs_size {
  width: 100px;
}
input[type="text"].input_sm_size,
input[type="password"].input_sm_size,
input[type="email"].input_sm_size,
input[type="url"].input_sm_size,
input[type="date"].input_sm_size,
input[type="month"].input_sm_size,
input[type="time"].input_sm_size,
input[type="datetime"].input_sm_size,
input[type="datetime-local"].input_sm_size,
input[type="week"].input_sm_size,
input[type="number"].input_sm_size,
input[type="search"].input_sm_size,
input[type="tel"].input_sm_size,
input[type="color"].input_sm_size {
  width: 125px;
}
input[type="text"].input_md_size,
input[type="password"].input_md_size,
input[type="email"].input_md_size,
input[type="url"].input_md_size,
input[type="date"].input_md_size,
input[type="month"].input_md_size,
input[type="time"].input_md_size,
input[type="datetime"].input_md_size,
input[type="datetime-local"].input_md_size,
input[type="week"].input_md_size,
input[type="number"].input_md_size,
input[type="search"].input_md_size,
input[type="tel"].input_md_size,
input[type="color"].input_md_size {
  width: 170px;
}
input[type="text"].input_lg_size,
input[type="password"].input_lg_size,
input[type="email"].input_lg_size,
input[type="url"].input_lg_size,
input[type="date"].input_lg_size,
input[type="month"].input_lg_size,
input[type="time"].input_lg_size,
input[type="datetime"].input_lg_size,
input[type="datetime-local"].input_lg_size,
input[type="week"].input_lg_size,
input[type="number"].input_lg_size,
input[type="search"].input_lg_size,
input[type="tel"].input_lg_size,
input[type="color"].input_lg_size {
  width: 200px;
}
input[type="text"].input_lg1_size,
input[type="password"].input_lg1_size,
input[type="email"].input_lg1_size,
input[type="url"].input_lg1_size,
input[type="date"].input_lg1_size,
input[type="month"].input_lg1_size,
input[type="time"].input_lg1_size,
input[type="datetime"].input_lg1_size,
input[type="datetime-local"].input_lg1_size,
input[type="week"].input_lg1_size,
input[type="number"].input_lg1_size,
input[type="search"].input_lg1_size,
input[type="tel"].input_lg1_size,
input[type="color"].input_lg1_size {
  width: 250px;
}
input[type="text"].input_lg2_size,
input[type="password"].input_lg2_size,
input[type="email"].input_lg2_size,
input[type="url"].input_lg2_size,
input[type="date"].input_lg2_size,
input[type="month"].input_lg2_size,
input[type="time"].input_lg2_size,
input[type="datetime"].input_lg2_size,
input[type="datetime-local"].input_lg2_size,
input[type="week"].input_lg2_size,
input[type="number"].input_lg2_size,
input[type="search"].input_lg2_size,
input[type="tel"].input_lg2_size,
input[type="color"].input_lg2_size {
  width: 300px;
}
select.select_full_size {
  width: 850px;
}
select.select_xs_size {
  width: 100px;
  font-size: 10px;
}
select.select_sm_size {
  width: 125px;
}
select.select_md_size {
  width: 175px;
}
select.select_lg_size {
  width: 200px;
}
select.select_lg1_size {
  width: 250px;
}
select.select_lg2_size {
  width: 300px;
}
/* ==================== FIELDSET AND LEGEND STYLES ======================== */
.fieldset_type_1 {
  border: 1px solid #ccc;
  padding: 20px;
}
.fieldset_type_2,
.fieldset_type_3,
.fieldset_type_4 {
  border: none;
  border-top: 1px solid #cccccc;
  padding: 18px 0 0 0;
}
.fieldset_type_2 legend,
.fieldset_type_3 legend,
.fieldset_type_4 legend {
  padding: 0 18px 0 0;
  font-size: 16px;
}
.fieldset_type_3 legend {
  border-bottom: 1px solid #ccc;
  width: 100%;
  padding: 5px 0;
}
.fieldset_type_4 legend {
  border: 1px solid #ccc;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
  font-size: 14px;
  background: #e5e5e5;
}
/* ================== MEDIA QUERIES FOR TABLET AND MOBILE VIEW ================== */
@media (max-width: 768px) {
  .grid_type_form .form_group label {
    text-align: left;
  }
}
/* @media(max-width: 460px) for very small devices */
@media (max-width: 490px) {
  .form_type_horizontal .form_group label {
    display: block;
  }
  .form_type_stacked .form_group input[type="text"],
  .form_type_horizontal .form_group input[type="text"],
  .form_type_inline .form_group input[type="text"],
  .form_type_append .form_group input[type="text"],
  .grid_type_form .form_group input[type="text"],
  .form_type_stacked .form_group input[type="password"],
  .form_type_horizontal .form_group input[type="password"],
  .form_type_inline .form_group input[type="password"],
  .form_type_append .form_group input[type="password"],
  .grid_type_form .form_group input[type="password"],
  .form_type_stacked .form_group input[type="email"],
  .form_type_horizontal .form_group input[type="email"],
  .form_type_inline .form_group input[type="email"],
  .form_type_append .form_group input[type="email"],
  .grid_type_form .form_group input[type="email"],
  .form_type_stacked .form_group input[type="url"],
  .form_type_horizontal .form_group input[type="url"],
  .form_type_inline .form_group input[type="url"],
  .form_type_append .form_group input[type="url"],
  .grid_type_form .form_group input[type="url"],
  .form_type_stacked .form_group input[type="date"],
  .form_type_horizontal .form_group input[type="date"],
  .form_type_inline .form_group input[type="date"],
  .form_type_append .form_group input[type="date"],
  .grid_type_form .form_group input[type="date"],
  .form_type_stacked .form_group input[type="month"],
  .form_type_horizontal .form_group input[type="month"],
  .form_type_inline .form_group input[type="month"],
  .form_type_append .form_group input[type="month"],
  .grid_type_form .form_group input[type="month"],
  .form_type_stacked .form_group input[type="time"],
  .form_type_horizontal .form_group input[type="time"],
  .form_type_inline .form_group input[type="time"],
  .form_type_append .form_group input[type="time"],
  .grid_type_form .form_group input[type="time"],
  .form_type_stacked .form_group input[type="datetime"],
  .form_type_horizontal .form_group input[type="datetime"],
  .form_type_inline .form_group input[type="datetime"],
  .form_type_append .form_group input[type="datetime"],
  .grid_type_form .form_group input[type="datetime"],
  .form_type_stacked .form_group input[type="datetime-local"],
  .form_type_horizontal .form_group input[type="datetime-local"],
  .form_type_inline .form_group input[type="datetime-local"],
  .form_type_append .form_group input[type="datetime-local"],
  .grid_type_form .form_group input[type="datetime-local"],
  .form_type_stacked .form_group input[type="week"],
  .form_type_horizontal .form_group input[type="week"],
  .form_type_inline .form_group input[type="week"],
  .form_type_append .form_group input[type="week"],
  .grid_type_form .form_group input[type="week"],
  .form_type_stacked .form_group input[type="number"],
  .form_type_horizontal .form_group input[type="number"],
  .form_type_inline .form_group input[type="number"],
  .form_type_append .form_group input[type="number"],
  .grid_type_form .form_group input[type="number"],
  .form_type_stacked .form_group input[type="search"],
  .form_type_horizontal .form_group input[type="search"],
  .form_type_inline .form_group input[type="search"],
  .form_type_append .form_group input[type="search"],
  .grid_type_form .form_group input[type="search"],
  .form_type_stacked .form_group input[type="tel"],
  .form_type_horizontal .form_group input[type="tel"],
  .form_type_inline .form_group input[type="tel"],
  .form_type_append .form_group input[type="tel"],
  .grid_type_form .form_group input[type="tel"],
  .form_type_stacked .form_group input[type="color"],
  .form_type_horizontal .form_group input[type="color"],
  .form_type_inline .form_group input[type="color"],
  .form_type_append .form_group input[type="color"],
  .grid_type_form .form_group input[type="color"] {
    width: 100%;
  }
  .form_type_stacked .form_group .select_box,
  .form_type_horizontal .form_group .select_box,
  .form_type_inline .form_group .select_box,
  .form_type_append .form_group .select_box,
  .grid_type_form .form_group .select_box {
    display: block;
  }
  .form_type_stacked .form_group .select_box select,
  .form_type_horizontal .form_group .select_box select,
  .form_type_inline .form_group .select_box select,
  .form_type_append .form_group .select_box select,
  .grid_type_form .form_group .select_box select {
    width: 100%;
  }
  .form_type_stacked .form_group textarea,
  .form_type_horizontal .form_group textarea,
  .form_type_inline .form_group textarea,
  .form_type_append .form_group textarea,
  .grid_type_form .form_group textarea {
    width: 100%;
  }
  .fieldset_type_4 legend {
    width: 97%;
  }
}
/* ========================= SWITCH USING CHECKBOX ====================== */
.switch_round,
.slider_switch {
  position: relative;
  width: 90px;
}
.switch_round .onoffswitch_checkbox,
.slider_switch .onoffswitch_checkbox {
  display: none;
  margin: 3px 0 0;
}
.switch_round .onoffswitch_label,
.slider_switch .onoffswitch_label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 20px;
}
.switch_round .onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_inner,
.slider_switch .onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_inner {
  margin-left: 0;
}
.switch_round .onoffswitch_inner,
.slider_switch .onoffswitch_inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.switch_round .onoffswitch_inner:before,
.slider_switch .onoffswitch_inner:before {
  content: "ON";
  padding-left: 10px;
}
.switch_round .onoffswitch_inner:before,
.slider_switch .onoffswitch_inner:before,
.switch_round .onoffswitch_inner:after,
.slider_switch .onoffswitch_inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999999;
}
.switch_round .onoffswitch_inner:after,
.slider_switch .onoffswitch_inner:after {
  content: "OFF";
  padding-right: 10px;
  text-align: right;
}
.switch_round .onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_switch,
.slider_switch .onoffswitch_checkbox:checked + .onoffswitch_label .onoffswitch_switch {
  right: 0px;
  background: #009933;
}
.switch_round .onoffswitch_switch,
.slider_switch .onoffswitch_switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #F00;
  border: 1px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
/* =================== CHANGE THE PLACEHOLDER COLOR =======================*/
.placeholder_color::-webkit-input-placeholder {
  color: #205648;
}
.placeholder_color::-moz-placeholder {
  color: #205648;
}
.placeholder_color::-ms-input-placeholder {
  color: #205648;
}
/* =================== DIFFERENT CHECHBOX STYLES =======================*/
.checkbox_style {
  /* ======= another style of checkbox ====== */
}
.checkbox_style input[type="checkbox"] {
  margin-left: 5px;
}
.checkbox_style .check_box {
  visibility: hidden;
}
.checkbox_style .squared_check {
  width: 25px;
  height: 25px;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  margin: 20px 0px;
  -webkit-box-shadow: inset 0px 1px 1px #ffffff, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 1px #ffffff, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px #ffffff, 0px 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
}
.checkbox_style .squared_check label {
  cursor: pointer;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 4px;
  top: 4px;
  background: #333;
}
.checkbox_style .squared_check label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background: #00bf00;
  top: 2px;
  left: 2px;
}
.checkbox_style .squared_check label:hover:after {
  opacity: 0.3;
}
.checkbox_style .squared_check input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.checkbox_style .squared_check2 {
  width: 25px;
  height: 25px;
  background: #fcfff4;
  position: relative;
}
.checkbox_style .squared_check2 label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;
  background: #333;
}
.checkbox_style .squared_check2 label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox_style .squared_check2 label:hover:after {
  opacity: 0.3;
}
.checkbox_style .squared_check2 input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* ====================== IMAGE STYLES =================== */
img {
  vertical-align: middle;
  page-break-inside: avoid;
}
.thumbnail > img,
.thumbnail a > img,
.img_responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.img_rounded {
  border: 1px solid #ddd;
  border-radius: 10px;
}
.img_thumbnail {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.img_circle {
  border-radius: 50%;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
.img_disable {
  opacity: 0.3;
}
.tiny_image {
  width: 80px;
  display: block;
}
.small_image {
  width: 120px;
  display: block;
}
.normal_image {
  width: 220px;
  display: block;
}
.large_image {
  width: 320px;
  display: block;
}
/* ================================ TABLE CSS =========================*/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  /*------------------------------------------------------Stripped Row---------------------------------------------*/
  /*------------------------------------------------------Border Row---------------------------------------------*/
  /*------------------------------------------------------Hover Table Row---------------------------------------------*/
  /*------------------------------------------------------Header Background Row---------------------------------------------*/
  /*------------------------------------------------------Sortable Row---------------------------------------------*/
  /*------------------------------------------------------Contextual  Row---------------------------------------------*/
}
.table thead th,
.table tbody td,
.table tfoot td {
  border-top: 0px;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  vertical-align: top;
  color: #666;
}
.table thead > tr > th {
  vertical-align: bottom;
  color: #666666;
  border-bottom: 2px solid #aaa;
}
.table th {
  text-align: left;
}
.table.table_striped > tbody > tr:nth-child(even) > td,
.table.table_striped > tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9;
}
.table.table_bordered {
  border: 1px solid #dddddd;
}
.table.table_bordered > thead > tr > th,
.table.table_bordered > tbody > tr > th,
.table.table_bordered > tfoot > tr > th,
.table.table_bordered > thead > tr > td,
.table.table_bordered > tbody > tr > td,
.table.table_bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table.table_bordered > thead > tr > th,
.table.table_bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table.table_hover > tbody > tr:hover > td,
.table.table_hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.table.table_header_background > thead {
  background: #efefef;
  border: 1px solid #dddddd;
}
.table.table_header_background > thead th {
  border-bottom: none;
}
.table.table_sorted th div.sortArrow {
  width: 11px;
  height: 6px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2px;
  position: relative;
}
.table.table_sorted th:hover {
  background: #efefef;
}
.table.table_sorted th div.sortArrow div.sortArrowAscending,
.table.table_sorted th div.sortArrow div.sortArrowDescending {
  position: absolute;
  display: none;
  width: 11px;
  height: 6px;
}
.table.table_sorted th div.sortArrow div.sortArrowAscending {
  background: url('img/arrow_asc.png') no-repeat;
  background-position: right;
}
.table.table_sorted th div.sortArrow div.sortArrowDescending {
  background: url('img/arrow_desc.png') no-repeat;
  background-position: right;
}
.table thead td.active,
.table tbody td.active,
.table tfoot td.active,
.table thead th.active,
.table tbody th.active,
.table tfoot th.active {
  background-color: #f5f5f5;
}
.table thead tr.active td,
.table tbody tr.active td,
.table tfoot tr.active td,
.table thead tr.active th,
.table tbody tr.active th,
.table tfoot tr.active th {
  background-color: #f5f5f5;
}
.table thead td.success,
.table tbody td.success,
.table tfoot td.success,
.table thead th.success,
.table tbody th.success,
.table tfoot th.success {
  background-color: #dff0d8;
}
.table thead tr.success td,
.table tbody tr.success td,
.table tfoot tr.success td,
.table thead tr.success th,
.table tbody tr.success th,
.table tfoot tr.success th {
  background-color: #dff0d8;
}
.table thead td.info,
.table tbody td.info,
.table tfoot td.info,
.table thead th.info,
.table tbody th.info,
.table tfoot th.info {
  background-color: #d9edf7;
}
.table thead tr.info td,
.table tbody tr.info td,
.table tfoot tr.info td,
.table thead tr.info th,
.table tbody tr.info th,
.table tfoot tr.info th {
  background-color: #d9edf7;
}
.table thead td.warning,
.table tbody td.warning,
.table tfoot td.warning,
.table thead th.warning,
.table tbody th.warning,
.table tfoot th.warning {
  background-color: #fcf8e3;
}
.table thead tr.warning td,
.table tbody tr.warning td,
.table tfoot tr.warning td,
.table thead tr.warning th,
.table tbody tr.warning th,
.table tfoot tr.warning th {
  background-color: #fcf8e3;
}
.table thead td.danger,
.table tbody td.danger,
.table tfoot td.danger,
.table thead th.danger,
.table tbody th.danger,
.table tfoot th.danger {
  background-color: #f2dede;
}
.table thead tr.danger td,
.table tbody tr.danger td,
.table tfoot tr.danger td,
.table thead tr.danger th,
.table tbody tr.danger th,
.table tfoot tr.danger th {
  background-color: #f2dede;
}
.table.table_hover tbody tr td.active:hover,
.table.table_hover tbody tr th.active:hover {
  background-color: #e8e8e8;
}
.table.table_hover tbody tr td.success:hover,
.table.table_hover tbody tr th.success:hover {
  background-color: #d0e9c6;
}
.table.table_hover tbody tr td.info:hover,
.table.table_hover tbody tr th.info:hover {
  background-color: #d9edf7;
}
.table.table_hover tbody tr td.info:hover,
.table.table_hover tbody tr th.warning:hover {
  background-color: #faf2cc;
}
.table.table_hover tbody tr td.info:hover,
.table.table_hover tbody tr th.danger:hover {
  background-color: #ebcccc;
}
.table.table_hover tbody tr.active:hover {
  background-color: #e8e8e8;
}
.table.table_hover tbody tr.success:hover {
  background-color: #d0e9c6;
}
.table.table_hover tbody tr.info:hover {
  background-color: #c4e3f3;
}
.table.table_hover tbody tr.warning:hover {
  background-color: #faf2cc;
}
.table.table_hover tbody tr.danger:hover {
  background-color: #ebcccc;
}
/*=======================================================responsive table===================================*/
/*@media screen and (max-width: 767px)*/
@media screen and (max-width: 887px) {
  .table_responsive_scroll {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table_responsive_scroll > .table {
    margin-bottom: 0;
  }
  .table_responsive_scroll > .table > thead > tr > th,
  .table_responsive_scroll > .table > tbody > tr > th,
  .table_responsive_scroll > .table > tfoot > tr > th,
  .table_responsive_scroll > .table > thead > tr > td,
  .table_responsive_scroll > .table > tbody > tr > td,
  .table_responsive_scroll > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table_responsive_scroll > .table_bordered {
    border: 0;
  }
  .table_responsive_scroll > .table_bordered > thead > tr > th:first-child,
  .table_responsive_scroll > .table_bordered > tbody > tr > th:first-child,
  .table_responsive_scroll > .table_bordered > tfoot > tr > th:first-child,
  .table_responsive_scroll > .table_bordered > thead > tr > td:first-child,
  .table_responsive_scroll > .table_bordered > tbody > tr > td:first-child,
  .table_responsive_scroll > .table_bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table_responsive_scroll > .table_bordered > thead > tr > th:last-child,
  .table_responsive_scroll > .table_bordered > tbody > tr > th:last-child,
  .table_responsive_scroll > .table_bordered > tfoot > tr > th:last-child,
  .table_responsive_scroll > .table_bordered > thead > tr > td:last-child,
  .table_responsive_scroll > .table_bordered > tbody > tr > td:last-child,
  .table_responsive_scroll > .table_bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table_responsive_scroll > .table_bordered > tbody > tr:last-child > th,
  .table_responsive_scroll > .table_bordered > tfoot > tr:last-child > th,
  .table_responsive_scroll > .table_bordered > tbody > tr:last-child > td,
  .table_responsive_scroll > .table_bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
  .table.table_responsive_block {
    display: block;
    border: 1px solid #dddddd;
  }
  .table.table_responsive_block thead {
    display: none;
  }
  .table.table_responsive_block tbody,
  .table.table_responsive_block tbody tr {
    display: block;
  }
  .table.table_responsive_block tbody tr td:first-child {
    font-weight: 700;
    padding-top: 10px;
    font-size: 16px;
  }
  .table.table_responsive_block tr > td {
    width: 100%!important;
    display: block;
    font-size: 12px;
    border: none!important;
    padding: 10px 8px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
  }
}
/* =======================BREADCRUMBS STYLES =============================*/
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #efefef;
  border-radius: 4px;
}
.breadcrumb li {
  display: inline-block;
  font-size: 13px;
}
.breadcrumb li a {
  color: #428bca;
  text-decoration: none;
}
.breadcrumb li.active a {
  color: #777;
}
.breadcrumb li.divider {
  display: inline-block;
  opacity: .6;
  margin: 0 .15em;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.5);
}
.breadcrumb.step_beaadcrumbs {
  background: none;
  display: inline-block;
  padding: 0px;
  border: 1px solid #ddd;
}
.breadcrumb.step_beaadcrumbs li {
  position: relative;
  vertical-align: middle;
  text-align: center;
  width: 150px;
  height: 40px;
  background-color: #ffffff;
}
.breadcrumb.step_beaadcrumbs li a {
  display: block;
  color: #CBCBCB;
  line-height: 40px;
}
.breadcrumb.step_beaadcrumbs li:after {
  position: absolute;
  z-index: 2;
  content: '';
  top: 5px;
  right: -17px;
  border: none;
  background-color: #FFF;
  width: 29px;
  height: 29px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.breadcrumb.step_beaadcrumbs li:last-child:after {
  display: none;
}
.breadcrumb.step_beaadcrumbs li.active {
  cursor: auto;
  background-color: #555;
  font-weight: 700;
}
.breadcrumb.step_beaadcrumbs li.active a {
  color: #ffffff;
}
.breadcrumb.step_beaadcrumbs li.active:after {
  right: -15px;
  background-color: #555;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.breadcrumb.step_beaadcrumbs.vertical li {
  display: block;
}
.breadcrumb.step_beaadcrumbs.vertical li:after {
  display: none;
}
.breadcrumb.step_beaadcrumbs.vertical li.active:after {
  display: block;
  position: absolute;
  z-index: 2;
  content: '';
  top: 6px;
  right: -15px;
  border: none;
  background-color: #555;
  width: 28px;
  height: 28px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.breadcrumb.double_arrows li {
  margin: 0 20px;
}
/* ============================= MENU CSS =============================*/
.nav_bar {
  border: 1px solid #dddddd;
  position: relative;
  /*=================================================COMMON MENU STYLE==========================================*/
}
.nav_bar .nav {
  position: relative;
  /*================================================= VERTICAL MENU STYLE ==========================================*/
  /*================================================= MENU ON LEFT MENU STYLE ==========================================*/
  /*================================================= MENU ON RIGHT STYLE ==========================================*/
  /*================================================= MENU WITH ICONS STYLE ==========================================*/
  /*================================================= MENU WITH SUBMENU STYLE (HORIZONTAL) ==========================================*/
  /*================================================= MENU WITH DASHBOARD STYLE (ICON ON RIGHT SIDE) ==========================================*/
  /*================================================= DROPDOWN BUTTON INSIDE MENU(HORIZONTAL) ==========================================*/
}
.nav_bar .nav li {
  position: relative;
  display: block;
  float: left;
}
.nav_bar .nav li a {
  position: relative;
  display: block;
  padding: 0px 30px;
  height: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  line-height: 40px;
}
.nav_bar .nav li.active a {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.95);
}
.nav_bar .nav li.active .dropdown_menu li a {
  background-color: transparent;
}
.nav_bar .nav li.active .submenu_ul li a {
  background-color: transparent;
  border-left: 3px solid transparent;
}
.nav_bar .nav li:hover a {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.95);
}
.nav_bar .nav li:hover .dropdown_menu li a {
  background-color: transparent;
}
.nav_bar .nav li:hover .submenu_ul li a {
  background-color: transparent;
  border-left: 3px solid transparent;
}
.nav_bar .nav.nav_stacked li {
  float: none;
  margin: 0px;
  border-bottom: 1px solid #efefef;
}
.nav_bar .nav.nav_stacked li a {
  padding: 0 15px;
  border-left: 3px solid transparent;
}
.nav_bar .nav.nav_stacked li a .counter_label {
  float: right;
  text-align: center;
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  background-color: #999999;
}
.nav_bar .nav.nav_stacked li:hover a {
  border-top: none;
  border-left: 3px solid #205648;
}
.nav_bar .nav.nav_stacked li.active a {
  border-top: none;
  border-left: 3px solid #205648;
}
.nav_bar .nav.nav_stacked li.active a .counter_label {
  background-color: #205648;
}
.nav_bar .nav.nav_stacked li:last-child {
  border-bottom: none;
}
.nav_bar .nav.nav_stacked li .submenu_ul li a {
  font-size: 13px;
  padding: 0 50px;
}
.nav_bar .nav.nav_bar_left {
  float: left;
}
.nav_bar .nav.nav_bar_right {
  float: right;
}
.nav_bar .nav.nav_icons li a i {
  display: inline-block;
  opacity: .75;
  margin-right: 8px;
  vertical-align: top;
  font-size: 16px;
  line-height: 40px;
  color: #666666;
  text-align: center;
}
.nav_bar .nav.nav_icons li a i.navigation_controls {
  float: right;
  font-size: 15px;
}
.nav_bar .nav.nav_with_sub {
  /*================================================= MENU WITH SUBMENU STYLE (VERTICAL) ==========================================*/
}
.nav_bar .nav.nav_with_sub li ul {
  border: 1px solid #dddddd;
  background: #ffffff;
  position: absolute;
  z-index: 1;
  left: -30px;
  opacity: 0;
  display: none;
  visibility: hidden;
  -webkit-transition: all .25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  top: 100%;
}
.nav_bar .nav.nav_with_sub li ul li {
  border-bottom: 1px solid #dddddd;
  float: none;
  position: relative;
  text-align: left;
}
.nav_bar .nav.nav_with_sub li ul li a {
  white-space: nowrap;
  border-top: none;
  padding: 0 35px;
  background: none;
  cursor: pointer;
}
.nav_bar .nav.nav_with_sub li ul li a:hover {
  color: #205648;
}
.nav_bar .nav.nav_with_sub li ul li ul {
  background: #fff;
  position: absolute;
  display: none;
  margin-top: -40px;
  -webkit-transition: all .25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.nav_bar .nav.nav_with_sub li ul li:hover ul {
  display: block;
  left: 100%;
}
.nav_bar .nav.nav_with_sub li ul li:last-child {
  border-bottom: none;
}
.nav_bar .nav.nav_with_sub li:hover ul {
  display: block;
  opacity: 1;
  left: 0px;
  visibility: visible;
}
.nav_bar .nav.nav_with_sub li:hover ul ul {
  display: none;
}
.nav_bar .nav.nav_with_sub .cnt {
  display: none;
}
.nav_bar .nav.nav_with_sub.nav_stacked li a i.arrow {
  float: right;
  line-height: 40px;
  font-size: 18px;
  color: #999999;
}
.nav_bar .nav.nav_with_sub.nav_stacked li ul {
  left: 100%;
  top: 0px;
  margin: 0 0 0 1px;
  -webkit-box-shadow: 0 0 1px 1px #DDD;
  box-shadow: 0 0 1px 1px #DDD;
  border: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.nav_bar .nav.nav_with_sub.nav_stacked li ul li a {
  border-left: none;
  padding: 0 60px;
}
.nav_bar .nav.nav_dashboard_menu li a i {
  float: right;
  line-height: 40px;
  color: #999999;
  font-size: 16px;
}
.nav_bar .nav.nav_dashboard_menu li ul li {
  cursor: pointer;
  border-bottom: none;
}
.nav_bar .nav.nav_dashboard_menu li ul li a {
  padding: 0 40px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
.nav_bar .nav.nav_dashboard_menu li ul li:hover a {
  color: #205648;
}
.nav_bar .nav.nav_dashboard_menu.submenu_on_right ul {
  position: absolute;
}
.nav_bar .nav li.dropdown .dropdown_button {
  cursor: pointer;
}
.nav_bar .nav li.dropdown .dropdown_button i {
  font-size: 15px;
  float: right;
  color: #999999;
  line-height: 40px;
  margin-left: 10px;
}
.nav_bar .nav li.dropdown .dropdown_button:hover {
  color: #205648;
}
.nav_bar .nav li.dropdown .dropdown_button:hover i {
  color: #205648;
}
.nav_bar .nav li.dropdown ul.dropdown_menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 220px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.nav_bar .nav li.dropdown ul.dropdown_menu .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #efefef;
}
.nav_bar .nav li.dropdown ul.dropdown_menu li {
  float: none;
}
.nav_bar .nav li.dropdown ul.dropdown_menu li a {
  display: block;
  text-decoration: none;
  padding: 3px 20px;
  clear: both;
  height: auto;
  font-weight: normal;
  line-height: 1.42857143;
  color: #666666;
  white-space: nowrap;
}
.nav_bar .nav li.dropdown ul.dropdown_menu li:hover {
  background: #efefef;
}
.nav_bar .menu_toggle {
  cursor: pointer;
  display: none;
  background-color: #efefef;
  padding: 10px;
}
.nav_bar .menu_toggle i.icon {
  float: right;
  font-size: 16px;
  line-height: 15px;
}
.offcanvas_menu_wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #efefef;
}
.offcanvas_menu_wrapper .navigation_body {
  overflow-x: hidden;
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas_menu_wrapper .navigation_body .menu_header {
  background: #333333;
  color: white;
  height: 40px;
  line-height: 40px;
}
.offcanvas_menu_wrapper .navigation_body .menu_header .menu_icon {
  float: left;
}
.offcanvas_menu_wrapper .navigation_body .menu_header .menu_icon a {
  display: block;
  padding: 0;
  width: 40px;
  height: 40px;
  border-right: solid 1px #1a1a1a;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.offcanvas_menu_wrapper .navigation_body .menu_header .menu_icon i {
  color: white;
  font-size: 22px;
  line-height: 38px;
}
.offcanvas_menu_wrapper .navigation_body .menu_header .right_menu_icon {
  float: right;
}
.offcanvas_menu_wrapper .navigation_body .menu_header .menu_text {
  float: left;
  margin-left: 10px;
  display: inline-block;
}
.offcanvas_menu_wrapper .navigation_body .main_section {
  padding: 0 20px 0 20px;
}
.offcanvas_menu_wrapper .navigation_body.navigation_body_left {
  left: 0px;
}
.offcanvas_menu_wrapper .navigation_body.navigation_body_right {
  right: 0px;
}
.offcanvas_menu_wrapper .navigation_body.push_to_right {
  left: 220px;
}
.offcanvas_menu_wrapper .navigation_body.push_to_left {
  right: 220px;
}
.offcanvas_menu_wrapper .main_navigation {
  width: 220px;
  -webkit-backface-visibility: hidden;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  z-index: 1001;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.offcanvas_menu_wrapper .main_navigation.main_navigation_left {
  left: -220px;
}
.offcanvas_menu_wrapper .main_navigation.main_navigation_right {
  right: -220px;
}
.offcanvas_menu_wrapper .main_navigation.open_navigation_left {
  left: 0px;
}
.offcanvas_menu_wrapper .main_navigation.open_navigation_right {
  right: 0px;
}
.scroll_navigation {
  width: 100%;
  min-height: 400px;
  position: relative;
  background: #ffffff;
  border: 1px solid #dddddd;
}
.scroll_navigation .nav_bar {
  margin: 30px 10px;
  position: absolute;
  left: 0px;
  display: inline-block;
  z-index: 10000;
}
.scroll_navigation .nav_content {
  float: right;
  height: 398px;
  overflow: auto;
  display: inline-block;
  width: 856px;
  padding-left: 24px;
}
.scroll_navigation .nav_content section {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .nav_bar {
    /*================================================= MENU WITH RESPONSIVE STYLE (HORIZONTAL) ==========================================*/
  }
  .nav_bar .nav.nav_responsive {
    display: none;
    margin-top: 2px;
    background: #efefef;
    /*================================================= RESPONSIVE MENU WITH ICONS STYLE (HORIZONTAL) ==========================================*/
    /*================================================= MENU WITH SUBMENU STYLE RESPOMNSIVE(HORIZONTAL) ==========================================*/
    /*================================================= DROPDOWN BUTTON RESPONSIVE ==========================================*/
  }
  .nav_bar .nav.nav_responsive li {
    float: none;
    margin: 0px;
    border-top: 1px solid #dddddd;
  }
  .nav_bar .nav.nav_responsive li a {
    border-radius: 0px;
    border-top: none;
    border-left: 3px solid transparent;
  }
  .nav_bar .nav.nav_responsive li .dropdown_menu li a {
    border-left: none;
  }
  .nav_bar .nav.nav_responsive li:hover a {
    border-top: none;
    border-left: 3px solid #205648;
  }
  .nav_bar .nav.nav_responsive li:hover .dropdown_menu li a {
    border-left: none;
  }
  .nav_bar .nav.nav_responsive li.active a {
    border-top: none;
    border-left: 3px solid #205648;
  }
  .nav_bar .nav.nav_responsive.nav_bar_left {
    float: none;
  }
  .nav_bar .nav.nav_responsive.nav_bar_right {
    float: none;
  }
  .nav_bar .nav.nav_responsive.nav_icons li a span {
    display: inline-block;
    width: 100px;
    text-align: left;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub li ul {
    position: relative;
    border: none;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub li ul li {
    border-bottom: none;
    float: none;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub li ul li a {
    border-left: none;
    padding: 0 45px;
    background: none;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub li ul li ul {
    border-top: 3px solid #205648;
    position: relative;
    left: 0%;
    margin-top: 0px;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub li ul li ul li a {
    padding: 0 50px;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub .cnt {
    display: block;
    float: right;
    margin-right: 10px;
    color: #205648;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub.sub_nav_click li ul {
    opacity: 1;
    left: 0;
    visibility: visible;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub.sub_nav_click li:hover ul {
    display: none;
  }
  .nav_bar .nav.nav_responsive.nav_with_sub.sub_nav_click li #sub_nav1:target + ul,
  .nav_bar .nav.nav_responsive.nav_with_sub.sub_nav_click li #sub_nav2:target + ul {
    display: block;
  }
  .nav_bar .nav.nav_responsive li ul.dropdown_menu {
    position: relative;
    width: 100%;
    margin: 0px;
    background: transparent;
    box-shadow: none;
  }
  .nav_bar .nav.nav_responsive li ul.dropdown_menu li {
    border-top: none;
  }
  .nav_bar .nav.nav_responsive li ul.dropdown_menu li a {
    padding: 8px 50px;
  }
  .nav_bar .menu_toggle {
    display: block;
  }
}
/* ==================================POPUP CSS ============================ */
/* =========== FOR PERSPECTIVE OF BODY ========== */
.popup_perspective,
.popup_perspective body {
  height: 100%;
  overflow: hidden;
}
.popup_perspective body {
  background: #222;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}
/* ============================ POPUP WINDOW STYLES =========================== */
.popup_close {
  border: none;
  padding: 0.5em 1.1em;
  background: #CE9C0A;
  border: 1px solid #CE9C0A;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 2px;
  margin: 0 auto;
  display: block;
}
.popup_close:hover {
  background: none;
}
.popup_close:focus {
  outline: none;
}
.popup_window {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup_show {
  visibility: visible;
}
.popup_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(51, 40, 39, 0.8);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show ~ .popup_overlay {
  opacity: 1;
  visibility: visible;
}
.popup_content {
  color: #fff;
  background: #205648;
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
}
.popup_content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 35px;
  font-weight: 300;
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px 3px 0 0;
}
.popup_content .inner_content {
  padding: 15px 40px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 20px;
}
.popup_content .inner_content p {
  margin: 0;
  padding: 10px 0;
}
.popup_content .inner_content ul {
  margin: 0;
  padding: 0 0 30px 20px;
}
.popup_content .inner_content ul li {
  padding: 5px 0;
  font-size: 16px;
}
.popup_content .inner_content ul li strong {
  font-size: 18px;
  font-weight: normal;
}
button.popup_trigger {
  border: none;
  padding: 0.5em 1.1em;
  background: #205648;
  border: 1px solid #205648;
  color: #333;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  margin: 3px 2px;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
button.popup_trigger:hover {
  background: none;
}
button.popup_trigger:focus {
  outline: none;
}
/* ================== DIFFERENT POPUP EFFECTS ===================== */
/* Effect 1: Fade in and scale up */
.popup_fadein .popup_content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_fadein .popup_content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 2: Slide from the right */
.popup_slide_right .popup_content {
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_slide_right .popup_content {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
}
/* Effect 3: Slide from the bottom */
.popup_slide_bottom .popup_content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_slide_bottom .popup_content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
/* Effect 4: Newspaper */
.popup_news_paper .popup_content {
  -webkit-transform: scale(0) rotate(720deg);
  -moz-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}
.popup_show.popup_news_paper ~ .popup_overlay,
.popup_news_paper .popup_content {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_news_paper .popup_content {
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
/* Effect 5: fall */
.popup_fall.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_fall .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  -moz-transform: translateZ(600px) rotateX(20deg);
  -ms-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}
.popup_show.popup_fall .popup_content {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}
/* Effect 6: side fall */
.popup_side_fall.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_side_fall .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
  -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}
.popup_show.popup_side_fall .popup_content {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(0%) translateZ(0px) rotate(0deg);
  -moz-transform: translate(0%) translateZ(0px) rotate(0deg);
  -ms-transform: translate(0%) translateZ(0px) rotate(0deg);
  transform: translate(0%) translateZ(0px) rotate(0deg);
  opacity: 1;
}
/* Effect 7:  slide and stick to top */
.popup_sticky_up {
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.popup_sticky_up .popup_content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.popup_show.popup_sticky_up .popup_content {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.popup_horizontal_flip.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_horizontal_flip .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  -moz-transform: rotateY(-70deg);
  -ms-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.popup_show.popup_horizontal_flip .popup_content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}
/* Effect 9: 3D flip vertical */
.popup_vertical_flip.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_vertical_flip .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  -moz-transform: rotateX(-70deg);
  -ms-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.popup_show.popup_vertical_flip .popup_content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}
/* Effect 10: 3D sign */
.popup_3d_sign.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_3d_sign .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  -moz-transform: rotateX(-60deg);
  -ms-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_3d_sign .popup_content {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}
/* Effect 11: Super scaled */
.popup_super_scaled .popup_content {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_super_scaled .popup_content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 12:  Just me */
.popup_just_me .popup_content {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_just_me ~ .popup_overlay {
  background: #205648;
}
.popup_just_me .popup_content h3,
.popup_just_me .popup_content {
  background: transparent;
}
.popup_show.popup_just_me .popup_content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Effect 13: 3D slit */
.popup_slit.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_slit .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  -moz-transform: translateZ(-3000px) rotateY(90deg);
  -ms-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}
.popup_show.popup_slit .popup_content {
  -webkit-animation: slit 0.7s forwards ease-out;
  -moz-animation: slit 0.7s forwards ease-out;
  animation: slit 0.7s forwards ease-out;
}
@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    -moz-transform: translateZ(-250px) rotateY(89deg);
    -ms-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    -moz-transform: translateZ(-250px) rotateY(89deg);
    -ms-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    -moz-transform: translateZ(-250px) rotateY(89deg);
    -ms-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
/* Effect 14:  3D Rotate from bottom */
.popup_rotate_bottom.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_rotate_bottom .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  -moz-transform: translateY(100%) rotateX(90deg);
  -ms-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_rotate_bottom .popup_content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  -moz-transform: translateY(0%) rotateX(0deg);
  -ms-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}
/* Effect 15:  3D Rotate in from left */
.popup_rotate_left.popup_window {
  -webkit-perspective: 1300;
  -moz-perspective: 1300;
  perspective: 1300;
}
.popup_rotate_left .popup_content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_rotate_left .popup_content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}
/* Effect 16:  Slide in from bottom with perspective on container */
.popup_show.popup_letme_in ~ .wrapper {
  height: 90%;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_letme_in ~ .wrapper,
.popup_show.popup_letme_in ~ .popup_overlay {
  -webkit-transform: rotateX(-2deg);
  -moz-transform: rotateX(-2deg);
  -ms-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
}
.popup_letme_in .popup_content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}
.popup_show.popup_letme_in .popup_content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
/* Effect 17:  Slide from right with perspective on container */
.popup_show.popup_make_way ~ .wrapper {
  height: 90%;
  overflow: hidden;
}
.popup_show.popup_make_way ~ .popup_overlay {
  background: rgba(47, 44, 44, 0.8);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_make_way ~ .wrapper,
.popup_show.popup_make_way ~ .popup_overlay {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-origin: 0% 50%;
}
@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(-200px);
  }
}
@-moz-keyframes rotateRightSideFirst {
  50% {
    -moz-transform: translateZ(-50px) rotateY(5deg);
    -moz-animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  50% {
    transform: translateZ(-50px) rotateY(5deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateZ(-200px);
  }
}
.popup_make_way .popup_content {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}
.popup_show.popup_make_way .popup_content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
/* Effect 18:  Slip in from the top with perspective on container */
.popup_show.popup_slip_from_top ~ .wrapper {
  height: 100%;
  overflow: hidden;
}
.popup_show.popup_slip_from_top ~ .popup_overlay {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_slip_from_top ~ .wrapper,
.popup_show.popup_slip_from_top ~ .popup_overlay {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.8s forwards ease-in;
  -moz-animation: OpenTop 0.8s forwards ease-in;
  animation: OpenTop 0.8s forwards ease-in;
}
@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@-moz-keyframes OpenTop {
  50% {
    -moz-transform: rotateX(10deg);
    -moz-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    transform: rotateX(10deg);
    animation-timing-function: ease-out;
  }
}
.popup_slip_from_top .popup_content {
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}
.popup_show.popup_slip_from_top .popup_content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
/*  Effect 19:  Blur */
.popup_show.popup_blur ~ .popup_overlay {
  background: rgba(47, 44, 44, 0.5);
}
.popup_show.popup_blur ~ .wrapper {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}
.popup_blur .popup_content {
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}
.popup_show.popup_blur ~ .wrapper,
.popup_blur .popup_content {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.popup_show.popup_blur .popup_content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/* ======================== TABS STYLES (HORIZONTAL AND VERTICAL) ===================== */
.horizontal_tabs {
  display: block;
  width: 100%;
}
.horizontal_tabs ul.tabs_list li.tab_item {
  float: left;
  margin-bottom: -1px;
}
.horizontal_tabs ul.tabs_list li.tab_item a.main_tab {
  font-size: 14px;
  padding: 13px 15px;
  display: block;
  border: 1px solid transparent;
  border-top: 3px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.horizontal_tabs ul.tabs_list li.tab_item a.main_tab.tab_active {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  border-top: 3px solid #205648;
}
.horizontal_tabs .tabs_container {
  padding: 0px;
  background-color: #fff;
}
.horizontal_tabs .tabs_container .main_content {
  color: #666;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 10px 20px;
  line-height: 23px;
}
.horizontal_tabs .tabs_container .main_content.center_content {
  text-align: center;
  line-height: 120px;
  vertical-align: top;
}
.vertical_tabs ul.tabs_list_vertical {
  float: left;
  margin: 20px 0;
}
.vertical_tabs ul.tabs_list_vertical li.tab_item {
  float: none;
  width: 200px;
  margin-right: -1px;
}
.vertical_tabs ul.tabs_list_vertical li.tab_item a.vertical_tab {
  font-size: 14px;
  padding: 13px 15px;
  display: block;
  position: relative;
  border: 1px solid transparent;
  border-left: 5px solid transparent;
}
.vertical_tabs ul.tabs_list_vertical li.tab_item a.vertical_tab.tab_active {
  border: 1px solid #ccc;
  border-right: none;
  border-left: 5px solid #205648;
  background: #fff;
}
.vertical_tabs ul.tabs_list_vertical li.tab_item.tab_active {
  background: #205648;
}
.vertical_tabs .tabs_container {
  float: left;
  width: 70%;
  margin: 20px 0;
}
.vertical_tabs .tabs_container .tab_content {
  color: #666;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 10px 20px;
  line-height: 23px;
  min-height: 250px;
}
/* ============== responsive tabs =============== */
.responsive_tab,
.responsive_tab_vertical {
  display: none;
  margin: 0 auto;
  text-align: center;
  height: 30px;
  border: 1px solid #ccc;
  border-top: none;
  font-size: 14px;
  line-height: 30px;
}
.responsive_tab.active,
.responsive_tab_vertical.active {
  background: #205648;
  pointer-events: none;
  color: #ffffff;
}
.responsive_tab:first-child,
.responsive_tab_vertical:first-child {
  border-top: 1px solid #ccc;
}
/* ====================== ACCODION STYLES ======================= */
.accordion_container {
  width: 100%;
  margin-top: 20px;
}
.accordion_container .accordion_header {
  cursor: pointer;
}
.accordion_container .accordion_header h3 {
  font-size: 14px;
  color: #205648;
  padding: 7px 5px;
  border: 1px solid #205648;
}
.accordion_container .accordion_header.active_accordion {
  background: #205648;
  border: 1px solid #ccc;
}
.accordion_container .accordion_header.active_accordion h3 {
  color: #333;
}
.accordion_container .accordion_header i {
  float: right;
  font-size: 25px;
}
.accordion_container .accordion_content {
  width: 100%;
  margin: 20px auto;
  font-size: 12px;
  display: none;
}
/* ============================ MEDIA QUERY STYLES FOR TABS ========================== */
@media (max-width: 560px) {
  .responsive_tab {
    display: block;
  }
  .responsive_tab_vertical {
    display: block;
  }
  .horizontal_tabs ul.tabs_list {
    display: none;
  }
  .horizontal_tabs .tabs_container {
    margin: 0 20px;
  }
  .horizontal_tabs .tabs_container .main_content {
    border-top: none;
  }
  #vertical_tabs ul.tabs_list_vertical {
    display: none;
  }
  #vertical_tabs .tabs_container {
    float: none;
    width: 95%;
    margin: 0  auto;
  }
  #vertical_tabs .tabs_container .tab_content {
    min-height: 0px;
  }
}
/* ======================= CSS3 Animations Styles ====================== */
.round_corner {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 200px;
  height: 200px;
  margin: 10px auto;
  border: 1px solid #000;
}
.transition_width {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  transition: width 1s;
  background: #aaa;
  width: 200px;
  height: 200px;
  margin: 10px auto;
}
.transition_width:hover {
  width: 350px;
}
.transition_height {
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
  background: #aaa;
  width: 200px;
  height: 200px;
  margin: 10px auto;
}
.transition_height:hover {
  height: 350px;
}
.transition_bg {
  -webkit-transition: background 5s;
  -moz-transition: background 5s;
  transition: background 5s;
  background: #ffcc42;
  width: 200px;
  height: 200px;
  margin: 10px auto;
}
.transition_bg:hover {
  background: #ee5f5b;
}
.trasform_rotate {
  width: 200px;
  height: 200px;
  background: #ffcc42;
  margin: 10px auto;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  text-align: center;
  line-height: 200px;
}
.trasform_rotate:hover {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
}
.transform_scale_both {
  width: 200px;
  height: 200px;
  border: 1px solid #a4a3a2;
  margin: 20px auto;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  text-align: center;
  line-height: 200px;
}
.transform_scale_both:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.transform_translate_right {
  width: 200px;
  height: 200px;
  background: #a4a3a2;
  margin: 20px auto;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  text-align: center;
  line-height: 200px;
}
.transform_translate_right:hover {
  -webkit-transform: translate(300px, 0px);
  -moz-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate(300px, 0px);
}
.transform_skew_left {
  width: 200px;
  height: 200px;
  border: 1px solid #a4a3a2;
  margin: 20px auto;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  text-align: center;
  line-height: 200px;
}
.transform_skew_left:hover {
  -webkit-transform: skew(10deg, 10deg);
  -moz-transform: skew(10deg, 10deg);
  -ms-transform: skewX(10deg) skewY(10deg);
  transform: skew(10deg, 10deg);
}
.transform_perspective {
  width: 200px;
  height: 200px;
  text-align: center;
  line-height: 200px;
  border: 1px solid #000;
  margin: 20px auto;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  position: relative;
}
.transform_perspective .perspective_divs {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  position: relative;
}
.transform_perspective .perspective_divs .front_side,
.transform_perspective .perspective_divs .back_side {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
}
.transform_perspective .perspective_divs .front_side {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background: #ffcc42;
  z-index: 2;
  height: 200px;
  width: 200px;
}
.transform_perspective .perspective_divs .back_side {
  background: #428bca;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  height: 200px;
  width: 200px;
}
.transform_perspective:hover .back_side {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.transform_perspective:hover .front_side {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.animation_infinite {
  width: 200px;
  height: 200px;
  background: #a4a3a2;
  margin: 10px auto;
  -webkit-animation: moveinfinite 5s infinite alternate;
  -moz-animation: moveinfinite 5s infinite alternate;
  animation: moveinfinite 5s infinite alternate;
  position: relative;
}
.animation_infinite:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@-webkit-keyframes moveinfinite {
  from {
    left: 0px;
  }
  to {
    left: 200px;
  }
}
@keyframes moveinfinite {
  from {
    left: 0px;
  }
  to {
    left: 200px;
  }
}
/* ================================== PARSLEY ERROR STYLES ======================================= */
input.parsley-success,
textarea.parsley-success {
  color: #468847 !important;
  border: 1px solid #D6E9C6 !important;
}
input.parsley-error,
textarea.parsley-error {
  color: #B94A48 !important;
  border: 1px solid #B94A48 !important;
}
input.parsley-error.input_bg_error,
textarea.parsley-error.input_bg_error {
  color: #B94A48 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #B94A48 !important;
}
input.parsley-error.input_border_error,
textarea.parsley-error.input_border_error {
  color: #D95C5C !important;
  border: 1px solid #D95C5C;
  border-left: 3px solid #D95C5C !important;
}
input.parsley-error.input_shadow_error,
textarea.parsley-error.input_shadow_error {
  box-shadow: 0 0 3px #d45252;
  border-color: #b03535;
}
textarea.parsley-error {
  vertical-align: top;
}
ul.parsley-error-list {
  font-size: 10px;
  margin: 0 0 0 0px;
  list-style-type: none;
  display: inline-block;
  color: #ee0101;
  vertical-align: middle;
  padding: 7px 14px;
}
ul.parsley-error-list li {
  line-height: 11px;
}
.social-buttons {
  padding: 5px 20px;
}
.container-narrow > hr {
  margin: 15px 0 0 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .not-for-mobile {
    display: none;
  }
}
/*-------h1 Renponsive-------*/
@media (max-width: 520px) {
  h1 {
    font-size: 150%;
    color: #000;
  }
  h2 {
    font-size: 130%;
  }
}