@charset "UTF-8";
.check_plan_lst, .pricing-box .accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.ellipsis {
  white-space: nowrap; /* 1 */
  text-overflow: ellipsis; /* 2 */
  overflow: hidden;
}

.intro-section .banner_img, .banner_wrapper .banner_img {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.h1, .h2, h1,
h2 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 1.2px;
  margin-bottom: 26px;
  font-size: 68px;
  line-height: 1.1617647059;
}
@media (min-width: 992px) {
  .h1, .h2, h1,
  h2 {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .h1, .h2, h1,
  h2 {
    font-size: 55px;
    line-height: 1.1818181818;
  }
}
.h1:last-child, .h2:last-child, h1:last-child,
h2:last-child {
  margin-bottom: 0;
}

h3,
.h3 {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 1.2px;
  margin-bottom: 26px;
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 40px;
    line-height: 1.25;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    letter-spacing: 1.6px;
    font-size: 50px;
    line-height: 1.2;
  }
}
h3:last-child,
.h3:last-child {
  margin-bottom: 0;
}

h4 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  h4 {
    font-size: 24px;
    line-height: 1.5;
  }
}
h4:last-child {
  margin-bottom: 0;
}

.large-font {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .large-font {
    font-size: 24px;
    line-height: 1.5;
  }
}
.large-font:last-child {
  margin-bottom: 0;
}

@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?m7ua4z");
  src: url("../../fonts/icomoon.eot?m7ua4z#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?m7ua4z") format("truetype"), url("../../fonts/icomoon.woff?m7ua4z") format("woff"), url("../../fonts/icomoon.svg?m7ua4z#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ico-], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-down-arrow:before {
  content: "\e90a";
}

.ico-close:before {
  content: "\e906";
}

.ico-sorting:before {
  content: "\e907";
}

.ico-left-arrow:before {
  content: "\e908";
}

.ico-right-arrow:before {
  content: "\e909";
}

.ico-pin_list:before {
  content: "\e905";
}

.ico-remark:before {
  content: "\e904";
}

.ico-arrow-left:before {
  content: "\e902";
}

.ico-arrow-right:before {
  content: "\e903";
}

.ico-edit:before {
  content: "\e901";
}

.ico-download:before {
  content: "\e900";
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-semibold {
  font-weight: 600;
}

.font-weight-bold {
  font-weight: 700;
}

.btn-link {
  border: 0;
  background: transparent;
  padding: 0;
}

.dis1 {
  font-size: 12px;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .dis1 {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.dis2 {
  font-size: 16px;
  line-height: 1.375;
}
@media (min-width: 768px) {
  .dis2 {
    font-size: 16px;
    line-height: 1.375;
  }
}

.dis3 {
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .dis3 {
    font-size: 20px;
    line-height: 1.4;
  }
}

.dis4 {
  font-size: 24px;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .dis4 {
    font-size: 28px;
    line-height: 1.2857142857;
  }
}

.dis5 {
  font-size: 26px;
  line-height: 1.3076923077;
}
@media (min-width: 768px) {
  .dis5 {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}

.large-font {
  font-size: 20px;
  line-height: 1.4;
}
.large-font.font-weight-normal {
  font-weight: 400;
}
.large-font.font-weight-light {
  font-weight: 300;
}

.small-font {
  font-size: 12px;
  line-height: 1.6666666667;
}

.front-page .h2, .front-page h2,
.front-page .h1, .front-page h1 {
  letter-spacing: 0;
  font-size: 26px;
  line-height: 1.3076923077;
  color: inherit;
}
@media (min-width: 768px) {
  .front-page .h2, .front-page h2,
  .front-page .h1, .front-page h1 {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media (min-width: 992px) {
  .front-page .h2, .front-page h2,
  .front-page .h1, .front-page h1 {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
.front-page .h3, .front-page h3 {
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: 0;
  color: inherit;
}
@media (min-width: 768px) {
  .front-page .h3, .front-page h3 {
    font-size: 26px;
    line-height: 1.3076923077;
  }
}
@media (min-width: 992px) {
  .front-page .h3, .front-page h3 {
    font-size: 28px;
    line-height: 1.2857142857;
  }
}
.front-page .h4, .front-page h4 {
  font-size: 20px;
  line-height: 1.4;
  color: inherit;
}
.front-page .h5, .front-page h5 {
  font-size: 16px;
  line-height: 1.375;
  color: inherit;
}
.front-page p:last-child {
  margin-bottom: 0;
}

.wrap-a {
  margin-bottom: 45px !important;
}
.wrap-a:last-child {
  margin-bottom: 0 !important;
}

.wrap-b {
  margin-bottom: 30px !important;
}
.wrap-b:last-child {
  margin-bottom: 0 !important;
}

.wrap-b1 {
  margin-bottom: 15px !important;
}
.wrap-b1:last-child {
  margin-bottom: 0 !important;
}

.box-border-wrap:not(:last-child) {
  margin-bottom: 45px;
}
.box-border-wrap .text_button_area {
  padding: 0;
  margin-bottom: 45px;
}
.box-border-wrap .text_button_area:last-child {
  margin-bottom: 0;
}

.box-border.lg:not(:first-child) {
  border-top: 1px solid #ebebeb;
  padding-top: 45px;
  margin-top: 45px;
}
.box-border:not(:first-child) {
  border-top: 1px solid #ebebeb;
  padding-top: 30px;
  margin-top: 30px;
}

.field-wrap-box:not(:last-child) {
  margin-bottom: 45px;
}
.field-wrap-box .input_field_row {
  margin-bottom: 15px;
}
.field-wrap-box .input_field_row:last-child {
  margin-bottom: 0;
}

.right_slide_main_wrap {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  /*width:50%;*/
  z-index: 6;
  border-left: 10px solid rgba(170, 170, 170, 0.5);
  overflow: hidden;
  overflow-y: auto;
  display: none;
  background: #fff;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
.right_slide_main_wrap > .slide_cross {
  position: absolute;
  top: 39px;
  left: 16px;
  color: #A9A9A9;
  cursor: pointer;
}
@media (min-width: 768px) {
  .right_slide_main_wrap > .slide_cross {
    top: 50px;
  }
}
@media (min-width: 1200px) {
  .right_slide_main_wrap > .slide_cross {
    left: 26px;
  }
}
.right_slide_main_wrap > .slide_cross:focus, .right_slide_main_wrap > .slide_cross:hover {
  color: #000;
}
.right_slide_main_wrap.sub_main_slide {
  z-index: 7;
}
.right_slide_main_wrap.corporate_width {
  /*width:300px;*/
  width: calc(50% - 171px);
}
.right_slide_main_wrap.corporate_width .right_slide_inner_wrap {
  width: 100%;
  max-width: 420px;
}
.right_slide_main_wrap.small_width {
  /*width:300px;*/
  width: calc(50% - 285px);
}
.right_slide_main_wrap.small_width .right_slide_inner_wrap {
  width: 290px;
}
.right_slide_main_wrap.small_width2 {
  /*width:450px;*/
  width: calc(50% - 135px);
}
.right_slide_main_wrap.small_width2 .right_slide_inner_wrap {
  width: 440px;
}
.right_slide_main_wrap.medium_width {
  /*width:600px;*/
  width: 90%;
  max-width: 604px;
}
.right_slide_main_wrap.medium_width .right_slide_inner_wrap {
  width: 100%;
  max-width: 594px;
}
.right_slide_main_wrap.medium_width2 {
  /*width:750px;*/
  width: calc(50% + 165px);
}
.right_slide_main_wrap.medium_width2 .right_slide_inner_wrap {
  width: 740px;
}
.right_slide_main_wrap.big_width {
  /*width:900px;*/
  width: calc(50% + 315px);
}
.right_slide_main_wrap.big_width .right_slide_inner_wrap {
  width: 890px;
}
.right_slide_main_wrap .right_slide_main {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 100px);
  margin-top: 100px;
}
@media (min-width: 768px) {
  .right_slide_main_wrap .right_slide_main {
    height: calc(100% - 123px);
    margin-top: 123px;
  }
}

.right_slide_inner_wrap {
  /*background: #fff;*/
  padding: 0 20px 40px;
  min-width: 300px;
}
@media (min-width: 1200px) {
  .right_slide_inner_wrap {
    padding: 0 30px 40px;
  }
}
.right_slide_inner_wrap .slide_cross {
  position: absolute;
  left: 30px;
  top: 30px;
  cursor: pointer;
  font-weight: normal;
  color: #A9A9A9;
  margin: 0 0 0 -5px;
  font-size: 24px;
  line-height: 1;
  transition: color 0.25s linear;
}
@media (min-width: 768px) {
  .right_slide_inner_wrap .slide_cross {
    top: 45px;
  }
}
.right_slide_inner_wrap .slide_cross:focus, .right_slide_inner_wrap .slide_cross:hover {
  color: rgb(143.5, 143.5, 143.5);
}
.right_slide_inner_wrap .form-row {
  margin-bottom: -15px;
  margin-right: -8px;
  margin-left: -8px;
  padding-bottom: 15px;
}
@media (min-width: 576px) {
  .right_slide_inner_wrap .form-row {
    margin-bottom: -15px;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.right_slide_inner_wrap .form-row:last-child {
  padding-bottom: 0;
}
.right_slide_inner_wrap .form-row > .col,
.right_slide_inner_wrap .form-row > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 576px) {
  .right_slide_inner_wrap .form-row > .col,
  .right_slide_inner_wrap .form-row > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1199px) {
  .right_slide_main_wrap.corporate_width {
    width: 63%;
    max-width: 420px;
  }
  .right_slide_main_wrap.corporate_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.small_width {
    /*width:300px;*/
    width: 30%;
  }
  .right_slide_main_wrap.small_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.small_width2 {
    /*width:450px;*/
    width: 40%;
  }
  .right_slide_main_wrap.small_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.medium_width2 {
    /*width:750px;*/
    width: 60%;
  }
  .right_slide_main_wrap.medium_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.big_width {
    /*width:900px;*/
    width: 85%;
  }
  .right_slide_main_wrap.big_width .right_slide_inner_wrap {
    width: 100%;
  }
  .list_user_bottom_area ul li {
    padding-right: 18px;
  }
}
@media (max-width: 991px) {
  .right_slide_main_wrap.small_width {
    /*width:300px;*/
    width: 40%;
  }
  .right_slide_main_wrap.small_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.small_width2 {
    /*width:450px;*/
    width: 50%;
  }
  .right_slide_main_wrap.small_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.medium_width2 {
    /*width:750px;*/
    width: 70%;
  }
  .right_slide_main_wrap.medium_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.big_width {
    /*width:900px;*/
    width: 90%;
  }
  .right_slide_main_wrap.big_width .right_slide_inner_wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .right_slide_main_wrap.small_width {
    /*width:300px;*/
    width: 50%;
  }
  .right_slide_main_wrap.small_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.small_width2 {
    /*width:450px;*/
    width: 60%;
  }
  .right_slide_main_wrap.small_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.medium_width2 {
    /*width:750px;*/
    width: 85%;
  }
  .right_slide_main_wrap.medium_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.big_width {
    /*width:900px;*/
    width: 100%;
  }
  .right_slide_main_wrap.big_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_side_bar_wrap {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .right_slide_main_wrap.corporate_width {
    /*width:300px;*/
    width: 100%;
  }
  .right_slide_main_wrap.small_width {
    /*width:300px;*/
    width: 100%;
  }
  .right_slide_main_wrap.small_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.small_width2 {
    /*width:450px;*/
    width: 100%;
  }
  .right_slide_main_wrap.small_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.medium_width {
    /*width:600px;*/
    width: 100%;
  }
  .right_slide_main_wrap.medium_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.medium_width2 {
    /*width:750px;*/
    width: 100%;
  }
  .right_slide_main_wrap.medium_width2 .right_slide_inner_wrap {
    width: 100%;
  }
  .right_slide_main_wrap.big_width {
    /*width:900px;*/
    width: 100%;
  }
  .right_slide_main_wrap.big_width .right_slide_inner_wrap {
    width: 100%;
  }
  .right_side_bar_wrap {
    max-width: 100vw;
    width: 100vw;
    right: 0;
  }
  .right_slide_bg {
    left: 0;
  }
}
body {
  min-width: 320px;
}

html.corporat_html {
  background: #fff;
}

body.corporat_body {
  overflow-x: hidden;
  background: #fff;
}

.form_spacer {
  display: block;
  line-height: 0;
  margin-bottom: 10px;
}

.learn_more h2 {
  margin-bottom: 33px;
}
.learn_more p {
  margin-bottom: 25px;
  min-height: 132px;
}

.header_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /*padding-top: 3.5%;*/
  padding-top: 35px;
  padding-bottom: 20px;
  z-index: 4;
  opacity: 1;
  min-width: 320px;
  transition: all 1s;
}

.hide_menu_header {
  opacity: 0;
  transition: all 1s;
}

.header_inner .header_logo img {
  max-width: 100%;
  width: 208px;
  height: 28px;
}
.header_inner .header_logo span a {
  display: inline-block;
}

.scroll_header {
  position: fixed;
  background: transparent;
  top: auto;
  left: auto;
}
.scroll_header .header_inner .header_main_nav nav ul li a {
  color: #333;
}
.scroll_header .header_inner .header_main_nav nav ul li.active a {
  color: #56A3A6;
}

.header_main_nav nav ul {
  list-style: none;
  padding: 0;
  margin: 0 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}
.header_main_nav nav ul li {
  padding: 0 22px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .header_main_nav nav ul li {
    padding: 0 27px;
  }
}
.header_main_nav nav ul li a:not(.btn) {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  text-transform: capitalize;
  transition: color 0.25s linear, background 0.25s linear;
}
.header_main_nav nav ul li a:not(.btn):hover, .header_main_nav nav ul li a:not(.btn):focus {
  color: #b6d100;
}

.next_section_arrow {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 400;
  z-index: 9;
}
.next_section_arrow a {
  display: inline-block;
  color: #fff;
}
.next_section_arrow a:hover {
  color: #56A3A6;
}
.next_section_arrow a i {
  font-size: 17px;
  position: relative;
  margin: 0 0 0 3px;
  font-weight: normal;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.login_area_wrap .forget_password {
  display: block;
}
.login_area_wrap .forget_password a {
  color: #56A3A6;
  font-size: 15px;
  text-decoration: underline;
  font-weight: 400;
}
.login_area_wrap .forget_password a:hover {
  text-decoration: none;
}
.login_area_wrap .form_section_wrap .no_form_pad {
  padding-right: 0;
}
.login_area_wrap .form_inner_wrap {
  padding-right: 25%;
}
.login_area_wrap .form_section_row {
  padding-bottom: 14px;
}
.login_area_wrap .form_section_row span.btn_wrap button {
  /*            line-height: 39px;
  			min-width: 90px;
  			height: 42px;*/
}
.login_area_wrap .form_section_row p {
  font-size: 16px;
}
.login_area_wrap .login_bottom_wrap {
  /*margin-right: 85px;*/
}
.login_area_wrap .login_bottom_wrap p {
  min-height: 60%;
}
.login_area_wrap h3 {
  font-size: 23px;
  margin-bottom: 30px;
}

.form_block_popup {
  height: 40px;
  padding-top: 30px;
  /*    .inp input:not(:placeholder-shown) + span {
  		transform: translateY(-5px) scale(0.80);
  	}*/
  /*    .inp input[type="email"]:invalid + span,
  		.inp input[type="email"]:focus + span
  		{
  		transform: translateY(-5px) scale(0.80);
  		border:0;
  	}*/
}
.form_block_popup .inp {
  position: relative;
  height: 100%;
}
.form_block_popup .inp .label {
  position: absolute;
  top: 1px;
  left: 0;
  color: #aaaaaa;
  transform-origin: 0 0;
  transition: all 0.2s ease;
  font-size: 12px;
  font-weight: 500;
}
.form_block_popup .inp input {
  -webkit-appearance: none;
  margin-top: 8px;
  transition: all 0.15s ease;
}
.form_block_popup .inp input:hover {
  background: rgba(34, 50, 84, 0.03);
}
.form_block_popup .inp input:not(:focus):valid + span {
  transform: translateY(-5px) scale(0.8);
}
.form_block_popup .inp input:focus {
  background: none;
  outline: none;
}
.form_block_popup .inp input:focus + span, .form_block_popup .inp input:not(:focus):valid + span, .form_block_popup .inp textarea:focus + span, .form_block_popup .inp textarea:not(:focus):valid span {
  transform: translateY(-5px) scale(0.8);
  border: 0;
}
.form_block_popup .inp input:focus + span,
.form_block_popup .inp input:not(:focus):valid + span,
.form_block_popup .inp input + span.email_label,
.form_block_popup .inp textarea:focus + span,
.form_block_popup .inp textarea:not(:focus):valid span,
.form_block_popup .inp textarea + span.email_label {
  transform: translateY(-5px) scale(0.8);
  border: 0;
}
.form_block_popup:focus {
  border: 1px solid #56A3A6;
}
.form_block_popup.onfocus input {
  border: 1px solid #56A3A6;
}
.form_block_popup.error input {
  border: 1px solid #ff606c;
}

.form_block {
  /*height:42px;*/
  /*padding-top:30px;*/
  /*                .inp input:hover {
  					background: rgba(34,50,84,0.03);
  				}*/
  /*                .inp input:not(:placeholder-shown) + span {
  					transform: translateY(-5px) scale(0.80);
  				}*/
  /*                .inp input:not(:focus):valid + span {
  					transform: translateY(-5px) scale(0.80);
  				}*/
  /*    .inp input:focus + span , .inp input:not(:focus):valid + span , .inp textarea:focus + span , .inp textarea:not(:focus):valid span  {
  		transform: translateY(-5px) scale(0.80);
  		border:0;
  	}*/
  /*    .inp input[type="email"]:invalid + span,
  		.inp input[type="email"]:focus + span
  		{
  		transform: translateY(-5px) scale(0.80);
  		border:0;
  	}*/
  /*                &:focus {
  					border:1px solid $dark-blue;
  				}*/
}
.form_block .inp {
  position: relative;
  height: 100%;
}
.form_block .inp .label {
  position: absolute;
  top: 1px;
  left: 0;
  color: #aaaaaa;
  transform-origin: 0 0;
  transition: all 0.2s ease;
  font-size: 12px;
  font-weight: 600;
}
.form_block .inp input {
  -webkit-appearance: none;
  margin-top: 8px;
  transition: all 0.15s ease;
}
.form_block .inp input:focus {
  background: none;
  outline: none;
}
.form_block .inp input:focus + span,
.form_block .inp input:not(:focus):valid + span,
.form_block .inp input + span.email_label,
.form_block .inp textarea:focus + span,
.form_block .inp textarea:not(:focus):valid span,
.form_block .inp textarea + span.email_label {
  transform: translateY(-5px) scale(0.8);
  border: 0;
}
.form_block .inp input:not(:focus):valid + span.label,
.form_block .inp input:focus + span.label {
  transform: translateY(-9px) scale(0.8);
}
.form_block.onfocus input {
  border: 1px solid #56A3A6;
}
.form_block.error input {
  border: 1px solid #ff606c;
}

.error .select2-container--default .select2-selection--single {
  border-color: #ff606c;
}

.scroll_header .header_inner .header_main_nav nav ul li .btn_wrap a {
  color: #fff;
}

.header_inner .header_main_nav nav ul li .btn_wrap a {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}

.mainpage_content {
  position: relative;
  z-index: 2;
  top: 100vh;
  background: #fff;
}

.banner_wrapper {
  position: fixed;
  z-index: 1;
  width: 100%;
  min-width: 320px;
}
.banner_wrapper .banner_img {
  position: relative;
  min-height: 100vh;
}
.banner_wrapper .banner_img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 100vh;
}
.banner_wrapper .banner_img video {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: auto;
  height: 100vh;
  overflow: hidden;
  /*height: 550px;*/
}
.banner_wrapper .banner_img .darklayer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  top: 0;
  left: 0;
}
.banner_wrapper .banner-caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 3;
  padding-bottom: 151px;
  padding-top: 110px;
  font-size: 24px;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .banner_wrapper .banner-caption {
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (min-width: 992px) {
  .banner_wrapper .banner-caption {
    font-size: 28px;
    line-height: 1.2857142857;
  }
}
.banner_wrapper .banner-caption h1 {
  margin-bottom: 18px;
}
.banner_wrapper .banner-caption p {
  margin-bottom: 27px;
}
.banner_wrapper .banner-caption p:last-child {
  margin-bottom: 0;
}
.banner_wrapper .banner-caption .container {
  width: 100%;
}
.banner_wrapper .banner_content {
  position: absolute;
  left: 0;
  /*padding-left: 85px;*/
  top: 57%;
  width: 100%;
  height: 43%;
  z-index: 3;
}
.banner_wrapper .banner_content .custom_container {
  padding-left: 70px;
  padding-right: 70px;
}
.banner_wrapper .banner_content h1 {
  font-size: 36px;
  line-height: 1.2222222222;
}

img {
  max-width: 100%;
}
img.image_width {
  max-width: 100%;
  width: 100%;
}
img.icon_image {
  width: 66px;
  display: block;
  margin: 0 auto;
}

.right_icon_image {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.general_section_style {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
}
.general_section_style .download_text {
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px;
}
.general_section_style .download {
  text-align: center;
}
.general_section_style h2 {
  margin-bottom: 30px;
}
.general_section_style p {
  margin-bottom: 30px;
}
.general_section_style p strong {
  font-weight: 700;
  display: block;
}
.general_section_style p:last-child {
  margin-bottom: 0;
}
.general_section_style .custom_container {
  padding-right: 0;
  padding-left: 0;
}
.general_section_style .custom_container img.image_width {
  max-width: 100%;
  /*height: 366px;*/
  object-fit: cover;
  width: 100%;
}
.general_section_style.we_are_section {
  /*        padding-left:55px;*/
  background: #fff;
}
.general_section_style.we_are_section .custom_container {
  padding-left: 85px;
}
.general_section_style.we_do_section {
  /*        padding-right:55px;*/
}
.general_section_style.we_do_section .custom_container {
  padding-right: 85px;
}
.general_section_style.learn_more {
  background: #fff;
  padding-bottom: 30px;
  /*        padding-left:55px;
  		padding-right:55px;*/
}
.general_section_style.learn_more .custom_container {
  padding-left: 85px;
  padding-right: 85px;
}

.sign_up_image_wrap {
  margin-top: 90px;
}

.looking_pro_consult {
  background: #fff;
}

.main_consultant {
  background: #EBEBEB;
}

.main_organisations {
  background: #fff;
}

.main_about {
  background: #EBEBEB;
}

.mneu_spacer {
  padding-top: 33%;
}

.we_do_section {
  background: #EBEBEB;
}

textarea:focus {
  outline: none;
}

.form_block {
  /*    background: #EBEBEB;
  	color: #AAAAAA;
  	border:1px solid #d7d7d7;
  	padding: 10px;
  	position: relative;
  	margin-bottom: 10px;*/
  /*  input[type="text"] , input[type="email"] , input[type="password"]{
  		font-size: 12px;
  		line-height: 12px;
  		color: #333333;
  		width:100%;
  		font-weight: 700;
  		border:0;
  		background: transparent;
  		display:block;
  		padding-left: 0;
  		padding-right: 0;
  		padding-top:0px;
  		padding-bottom: 0;

  	}  */
}
.form_block label {
  /*        color: #AAAAAA;
  		font-size: 12px;
  		width:100%;
  		display:block;
  		font-weight: 400;
  		margin-bottom: 0;
  		justify-content: space-between;
  		align-items: center;
  		display:flex;
  		flex-wrap:wrap;*/
}
.form_block label span {
  /*            font-weight:400;*/
}
.form_block label span.error input {
  color: #FF606C;
}
.form_block label span.success input {
  color: #3FB93F;
}
.form_block input[type=file] {
  max-width: 100%;
}
.form_block textarea {
  font-size: 12px;
  color: #333333;
  width: 100%;
  font-weight: 700;
  height: 70px;
  border: 0;
  background: transparent;
  display: block;
}
.form_block.disabled {
  background: #fff;
  color: #D7D7D7;
  border-color: #D7D7D7;
}
.form_block:last-child {
  margin-bottom: 0;
}
.form_block.custom_eq_height {
  height: 100%;
}
.form_block.custom_eq_height textarea {
  height: calc(100% - 20px);
  resize: none;
  margin-top: 6px;
  padding-left: 0;
}

.form_block_popup {
  background: #EBEBEB;
  color: #AAAAAA;
  border: 1px solid #d7d7d7;
  padding: 10px;
  position: relative;
  margin-bottom: 15px;
}
.form_block_popup label {
  color: #AAAAAA;
  font-size: 12px;
  width: 100%;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.form_block_popup label span {
  font-weight: 400;
}
.form_block_popup label span.error input {
  color: #FF606C;
}
.form_block_popup label span.success input {
  color: #3FB93F;
}
.form_block_popup input[type=text], .form_block_popup input[type=email], .form_block_popup input[type=password], .form_block_popup input[type=number], .form_block_popup input[type=tel] {
  font-size: 12px;
  line-height: 12px;
  color: #333333;
  width: 100%;
  font-weight: 700;
  border: 0;
  background: transparent;
  display: block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
  padding-bottom: 0;
}
.form_block_popup input[type=file] {
  max-width: 100%;
}
.form_block_popup textarea {
  font-size: 12px;
  color: #333333;
  width: 100%;
  font-weight: 700;
  height: 70px;
  border: 0;
  background: transparent;
  display: block;
}
.form_block_popup.disabled {
  background: #fff;
  color: #D7D7D7;
  border-color: #D7D7D7;
}
.form_block_popup:last-child {
  margin-bottom: 0;
}
.form_block_popup.custom_eq_height {
  height: 100%;
}
.form_block_popup.custom_eq_height textarea {
  height: calc(100% - 20px);
  resize: none;
  margin-top: 6px;
  padding-left: 0;
}
.form_block_popup.get_ur_map_height {
  height: 120px;
}
.form_block_popup.get_ur_map_height textarea {
  height: 100%;
  resize: none;
  margin-top: 6px;
}

.collapse {
  display: block;
}

@media (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
}

.right_align_img {
  float: right;
  padding-left: 25px;
}

.left_align_img {
  float: left;
  padding-right: 25px;
}

.close_btn {
  display: none;
}

#jtm-Modal .modal-dialog {
  max-width: 700px;
  margin: 1.75rem auto;
}

#gym-Modal .modal-dialog {
  max-width: 400px;
}

.modal-header h4 {
  margin-bottom: 0;
}

.modal-body .row {
  margin-bottom: 15px;
}

.modal-body .btn_wrap {
  text-align: center;
}

.btn_wrap {
  display: block;
  text-align: left;
}

.row-eq-height .equal_height {
  height: 100%;
}

.modal-content {
  border-radius: 0;
}

.learm_more_blcok {
  border-top: 1px solid #ebebeb;
  margin-top: 25px;
  padding-top: 25px;
}

.custom_container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.one_col_sperate {
  /*    padding-left: 7%;
  	padding-right: 2%;*/
}

.one_col_sperate2 {
  /*padding-right: 7%;*/
  margin-left: 40px;
}

/**/
/*@media (min-width: 1919px) {
	.container {
		max-width: 1600px;
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
}*/
.we_do_col2 {
  padding-left: 100px;
}

footer.corporate {
  background: #001F2D;
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}
footer.corporate h2 {
  color: #fff;
}
footer.corporate h5 {
  color: #fff;
}
footer.corporate p {
  color: #fff;
}

.footer_col1 {
  padding-right: 70px;
}
.footer_col1 img {
  max-width: 100%;
  width: 310px;
}

.copyright_text {
  font-size: 14px;
  color: #fff;
}

/*@media (max-width: 1919px) {
	.scroll_header {
		max-width: 100%;
		padding-left: 85px;
		padding-right: 85px;
	}
}*/
/*@media (max-width: 1599px) {
	.scroll_header {
		max-width: 100%;
		padding-left: 85px;
		padding-right: 85px;
	}
	.banner_wrapper .banner_content .banner_content_inner p {
		font-size: 28px;
	}
}*/
/*@media (max-width: 1399px) {
	.scroll_header {
		max-width: 100%;
		padding-left: 85px;
		padding-right: 85px;
	}
}*/
.login_bottom_content span.btn_wrap a {
  /*    font-size: 16px;
  	line-height: 42px;
  	min-width: 150px;*/
}

.message {
  font-size: 12px;
  position: relative;
  top: -7PX;
}

.success {
  color: #3FB93F;
}

.message {
  font-size: 12px;
  position: relative;
  top: -7px;
}

.error {
  color: #ff606c;
}

.thankyou_modal {
  padding: 40px;
}
.thankyou_modal .btn_wrap {
  text-align: left;
}

.back_layer {
  display: none;
}

.footer_mobile_logo {
  display: none;
}

#user_file_g, #user_file_j {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.form_block_popup .upload_file_text {
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  width: 100%;
  font-weight: 600;
  border: 0;
  background: transparent;
  display: block;
  -webkit-appearance: none;
  margin-top: 6px;
  display: none;
  transition: all 0.15s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.error_main_wrap {
  position: static;
  top: 0;
}
.create_pass_bottom_wrap {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 20px;
  padding-bottom: 20px;
}

.check_bottom_wrap {
  width: 100%;
  /*margin-right: 85px;*/
  padding-top: 20px;
}
.check_bottom_wrap.noberoder {
  border-top: 0;
}

.terms_check {
  display: flex;
  flex-wrap: wrap;
}

.check_bottom_wrap_inner .error_top_message {
  display: none;
}
.check_bottom_wrap_inner.error {
  border: 1px solid #FF606C;
}
.check_bottom_wrap_inner.error h4 {
  display: none;
}
.check_bottom_wrap_inner.error .error_top_message {
  display: block;
  background: #FF606C;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
}
.check_bottom_wrap_inner.error .terms_check {
  padding: 10px 10px 10px 10px;
}

.terms_check a {
  padding-left: 0;
  font-size: 16px;
  color: #56A3A6;
  line-height: 22px;
  font-weight: 300;
}

.terms_check label {
  padding-left: 0;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
}

.terms_chck_txt {
  width: calc(100% - 14px);
  padding-left: 10px;
}

/*@media (max-width: 1300px) {
	.login_area_wrap {
		width:38%;
	}
	.login_bottom_content span.btn_wrap a {
				line-height: 40px;
				font-size: 14px;
	}
	.check_bottom_wrap_inner.error .error_top_message {
		font-size: 14px;
	}
}*/
.journey-vertical {
  display: none;
}

.desktop_logo {
  display: block;
}

.desktop_light_logo {
  display: none;
}

.mobile_logo {
  display: none;
}

.mobile_light_logo {
  display: none;
}

.set_header_area.dark-section .header_main_nav nav ul li a:not(.btn) {
  color: #fff;
}
.set_header_area.dark-section .header_main_nav nav ul li a:not(.btn):focus, .set_header_area.dark-section .header_main_nav nav ul li a:not(.btn):hover {
  color: #ffb400;
}
.set_header_area.dark-section .navbar-toggler .navbar-toggler-icon:before {
  background: #fff;
  box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
}
@media (max-width: 767.98px) {
  .set_header_area.dark-section .mobile_light_logo {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .set_header_area.dark-section .mobile_logo {
    display: block;
  }
}
@media (min-width: 768px) {
  .set_header_area.dark-section .desktop_logo {
    display: block;
  }
}
@media (min-width: 768px) {
  .set_header_area.dark-section .desktop_light_logo {
    display: none;
  }
}
.set_header_area .header_main_nav nav ul li a:not(.btn) {
  color: #333;
}
.set_header_area .header_main_nav nav ul li a:not(.btn):focus, .set_header_area .header_main_nav nav ul li a:not(.btn):hover {
  color: #ffb400;
}
.set_header_area .navbar-toggler .navbar-toggler-icon:before {
  background: #333;
  box-shadow: 0 6px 0 0 #333, 0 12px 0 0 #333;
}
.set_header_area .desktop_logo {
  display: none;
}
.set_header_area .desktop_light_logo {
  display: block;
}

.hide_on_load {
  opacity: 0;
  background: transparent;
  transition: none;
}

.show_login_mobile {
  display: none;
}

.show_login_desktop {
  display: block;
}

/* animation css */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

/*@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -3000px, 0);
	transform: translate3d(0, -3000px, 0);
  }

  60% {
	opacity: 1;
	-webkit-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
  }

  75% {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
  }

  90% {
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
  }

  to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}*/
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes shakingTablet {
  0% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  75% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  85% {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  95% {
    -webkit-transform: translateY(-31px);
    -moz-transform: translateY(-31px);
    -ms-transform: translateY(-31px);
    -o-transform: translateY(-31px);
    transform: translateY(-31px);
  }
  100% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
}
@-moz-keyframes shakingTablet {
  0% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  75% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  85% {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  95% {
    -webkit-transform: translateY(-31px);
    -moz-transform: translateY(-31px);
    -ms-transform: translateY(-31px);
    -o-transform: translateY(-31px);
    transform: translateY(-31px);
  }
  100% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
}
@-o-keyframes shakingTablet {
  0% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  75% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  85% {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  95% {
    -webkit-transform: translateY(-31px);
    -moz-transform: translateY(-31px);
    -ms-transform: translateY(-31px);
    -o-transform: translateY(-31px);
    transform: translateY(-31px);
  }
  100% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
}
@keyframes shakingTablet {
  0% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  75% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
  85% {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  90% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  95% {
    -webkit-transform: translateY(-31px);
    -moz-transform: translateY(-31px);
    -ms-transform: translateY(-31px);
    -o-transform: translateY(-31px);
    transform: translateY(-31px);
  }
  100% {
    -webkit-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -o-transform: translateY(-28px);
    transform: translateY(-28px);
  }
}
.shakingTablet {
  -webkit-animation-name: shakingTablet;
  animation-name: shakingTablet;
}

.animated.shakingTablet {
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/* animation css */
/*.grid_modal {*/
#jtm-Modal, #gym-Modal {
  /*padding-right:0 !important;*/
}
#jtm-Modal .modal-dialog, #gym-Modal .modal-dialog {
  /*                    width:100%;
  					max-width:100%;*/
}
#jtm-Modal .modal-dialog .modal-content, #gym-Modal .modal-dialog .modal-content {
  margin-left: 0;
}
#jtm-Modal .btn_wrap, #gym-Modal .btn_wrap {
  text-align: left;
}
#jtm-Modal .modal-header, #gym-Modal .modal-header {
  border-bottom: 0;
  padding-bottom: 0;
  padding-top: 30px;
  padding-left: 30px;
}
#jtm-Modal .modal-header h4, #gym-Modal .modal-header h4 {
  padding-top: 0;
}

.modal.fade .modal-dialog {
  transform: none;
}

/*}*/
.header_main_nav nav ul {
  align-items: center;
}

.navbar-toggler {
  padding: 0;
  float: right;
  margin: 0;
}
.navbar-toggler .navbar-toggler-icon {
  position: relative;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
.navbar-toggler .navbar-toggler-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
}

@media (max-width: 1199px) {
  .general_section_style h3 {
    font-size: 24px;
  }
  .general_section_style h2 {
    font-size: 32px;
  }
  .right_slide_main_wrap.corporate_width {
    /*width:53% !important;*/
  }
  .login_area_wrap .form_section_wrap form {
    padding-right: 0;
  }
  .login_area_wrap .login_bottom_wrap p {
    min-height: inherit;
  }
  .login_bottom_content > div {
    padding-bottom: 10px;
  }
  .login_bottom_content > div:last-child {
    padding-bottom: 0px;
  }
  .login_button > a {
    font-size: 20px;
  }
  .login_button {
    padding-top: calc(3.5% + 10px);
  }
  .scroll_header {
    max-width: 100%;
    padding-left: 85px;
    padding-right: 85px;
  }
  h2 {
    font-size: 36px;
    line-height: 44px;
  }
  .header_inner .header_logo img {
    width: 250px;
  }
  /*    .header_main_nav nav ul li a {
  		font-size: 20px;
  	}*/
  .banner_wrapper .banner_content .banner_content_inner p {
    font-size: 22px;
    width: 77%;
  }
  span.btn_wrap a {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .next_section_arrow {
    display: block;
    bottom: 0;
    font-size: 16px;
    font-weight: 400;
    z-index: 9;
    position: absolute;
    /*        margin-top: -50px;*/
    top: auto;
    text-align: center;
    padding-bottom: 20px;
  }
  /*    .banner_wrapper {
  		position: relative;
  	}*/
  /*    .mainpage_content {
  		top:0;
  	}*/
  .banner_wrapper .banner_img video {
    /*height: auto;*/
  }
  .right_slide_main_wrap.corporate_width {
    /*width:58% !important;*/
  }
  .login_button > a {
    display: inline-block;
    font-size: 16px;
    padding-top: 11%;
  }
  .login_button {
    padding-top: 3.5%;
    right: 0;
  }
  .logout_button {
    right: 0;
  }
  footer.corporate {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .inner_footer_wrap .top_area {
    min-height: auto;
    margin-bottom: 8px;
  }
  .inner_footer_wrap p {
    min-height: inherit;
  }
  .inner_footer_wrap ul.footer_list {
    min-height: inherit;
  }
  .scroll_header {
    max-width: 100%;
    padding-left: 85px;
    padding-right: 85px;
  }
  .banner_wrapper .banner_content .banner_content_inner p {
    width: 96%;
    line-height: 32px;
  }
  .header_wrapper .custom_container {
    padding-left: 0;
    padding-right: 0;
  }
  .banner_wrapper .banner_content .custom_container {
    padding-left: 0;
    padding-right: 0;
  }
  .general_section_style {
    height: auto;
  }
  .general_section_style .custom_container {
    padding-left: 0;
    padding-right: 0;
  }
  .banner_wrapper .banner_content {
    top: 46%;
    /*padding-right: 85px;*/
  }
  .general_section_style.we_are_section .custom_container {
    padding-right: 85px;
  }
  .general_section_style.we_do_section .custom_container {
    padding-left: 85px;
  }
  .general_section_style.we_are_section {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .general_section_style.we_do_section {
    padding-left: 0;
    padding-right: 0;
  }
  .general_section_style.learn_more {
    padding-left: 0;
    padding-right: 0;
  }
  .we_do_col1 {
    order: 2;
  }
  .we_do_col2 {
    order: 1;
    padding-left: 15px;
  }
  .one_col_sperate {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .header_main_nav nav ul li a {
    font-size: 16px;
    padding-top: 0;
  }
  .banner_wrapper .banner_content .banner_content_inner p {
    line-height: 26px;
    font-size: 20px;
  }
  .one_col_sperate {
    padding-left: 15px;
    padding-right: 15px;
  }
  .one_col_sperate2 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    margin-left: 0;
    margin-top: 40px;
  }
  .learn_more p {
    margin-bottom: 15px;
    min-height: inherit;
  }
  .general_section_style .custom_container img.image_width {
    padding-top: 15px;
    display: block;
    margin: 0 auto;
    max-width: 80%;
  }
}
@media (max-width: 767px) {
  .show_login_mobile {
    display: block;
  }
  .show_login_desktop {
    display: none;
  }
  .header_wrapper {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 0;
    height: auto;
  }
  .header_inner .header_logo img {
    width: 86px;
    height: 43px;
  }
  .desktop_logo {
    display: none;
  }
  .mobile_logo {
    display: block;
  }
  .set_header_area {
    background: transparent;
  }
  .set_header_area .header_main_nav nav ul li a {
    color: #333333;
  }
  .set_header_area .desktop_logo {
    display: none;
  }
  .set_header_area .desktop_light_logo {
    display: none;
  }
  .set_header_area .mobile_logo {
    display: none;
  }
  .set_header_area .mobile_light_logo {
    display: block;
  }
  .set_header_area .navbar-toggler .navbar-toggler-icon:before {
    background: #333;
    box-shadow: 0 6px 0 0 #333, 0 12px 0 0 #333;
  }
  .who_talk {
    padding-bottom: 20px;
  }
  .looking_pro_consult {
    text-align: center;
  }
  .looking_pro_consult h3 {
    font-size: 22px;
  }
  .looking_pro_consult .btn_wrap {
    text-align: center;
  }
  .looking_pro_consult .sign_up_image_wrap {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  .right_slide_main_wrap.corporate_width {
    /*width:280px !important;*/
  }
  .login_area_wrap .forget_password {
    /*margin-top: 20px;*/
  }
  .login_area_wrap .form_section_row {
    padding-bottom: 0;
  }
  .footer_mobile_logo {
    display: block;
  }
  .footer_mobile_logo img {
    width: auto;
  }
  .footer_desktop_logo {
    display: none;
  }
  .back_layer {
    background: rgba(51, 51, 51, 0.3);
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .responsive_login_class {
    position: relative;
    z-index: 5;
  }
  .login_area_wrap {
    z-index: 2;
  }
  .login_area_wrap .login_bottom_wrap {
    margin-right: 0;
  }
  .login_button {
    padding-top: 0;
    transform: inherit;
    left: 0;
    z-index: 2;
    right: auto;
    position: static;
  }
  .logout_button {
    padding-top: 0;
    transform: inherit;
    left: 0;
    z-index: 2;
    right: auto;
    position: static;
  }
  .scroll_header {
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 540px;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: inline-block !important;
  }
  .collapse {
    display: none;
  }
  .header_main_nav_wrap {
    position: static;
  }
  .header_wrapper {
    /*position: absolute;*/
  }
  .header_wrapper .header_inner {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .header_main_nav {
    position: relative;
  }
  .header_main_nav:after {
    content: "";
    clear: both;
    display: table;
  }
  button:focus {
    outline: 0;
  }
  .header_main_nav nav ul li a {
    color: #333;
  }
  .header_inner {
    line-height: 36px;
  }
  #show_menu {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    position: fixed;
    width: 80vw;
    height: 100vh;
    z-index: 3;
    border: 1px solid #ebebeb;
  }
  #show_menu ul {
    padding-top: 68px;
    border-bottom: 1px solid #ebebeb;
  }
  #show_menu ul li {
    width: 100%;
    padding-right: 0;
    text-align: right;
    border-top: 1px solid #ebebeb;
  }
  #show_menu ul li a {
    padding-top: 4px;
    display: block;
    padding-bottom: 4px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 12px;
  }
  #show_menu ul li.active a {
    background: #56A3A6;
    color: #56A3A6;
  }
  #show_menu ul li.login {
    margin-top: 20px;
  }
  .header_inner .navbar-toggler {
    /*            position: fixed;
    			right: 17px;
    			top: 30px;*/
    position: absolute;
    right: 0;
    top: 10px;
  }
  .banner_wrapper .banner_content {
    /*padding-right: 55px;*/
  }
  .banner_wrapper .banner_content .banner_content_inner p {
    width: 100%;
    font-size: 16px;
    text-shadow: 0 3px 6px #001F2D;
  }
  .scroll_header .navbar-toggler .navbar-toggler-icon:before {
    background: #333;
    box-shadow: 0 6px 0 0 #333, 0 12px 0 0 #333;
  }
  .scroll_header.dark .navbar-toggler .navbar-toggler-icon:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }
  .banner_wrapper .banner_img img {
    height: 100vh;
  }
  .close_btn {
    color: #000;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    z-index: 99999;
    left: 12px;
    top: 20px;
  }
  .modal-body .row {
    margin-bottom: 0;
  }
  .modal-body .row > div {
    /*margin-bottom: 10px;*/
  }
  .header_inner .header_logo img {
    width: 86px;
    height: auto;
  }
  h2 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #333333;
    margin: 0 0 22px 0;
  }
  .abstract {
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    font-weight: 300;
    margin: 0 0 17px 0;
  }
  span.btn_wrap a {
    line-height: 42px;
  }
  .modal {
    /*        left:auto;
    		overflow: auto;*/
  }
  .modal.fade .modal-dialog {
    /*        transition: -webkit-transform 0.3s ease-out;
    		transition: transform 0.3s ease-out;
    		transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    		-webkit-transform: translate(0, 0);
    		transform: translate(0, 0);
    		margin: 0;*/
  }
  #jtm-Modal .modal-dialog .modal-content,
  #gym-Modal .modal-dialog .modal-content {
    width: 80vw;
    margin: 0 auto;
    /*        border:0;

    		min-height: 100vh;
    		overflow: auto;*/
  }
  .modal-header {
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
  }
  .modal-header h4 {
    width: 100%;
    order: 2;
    font-size: 16px;
    padding-top: 68px;
    padding-bottom: 8px;
  }
  .modal-header button {
    order: 1;
    float: left;
  }
  .modal-header .close {
    padding: 0;
    margin: 0;
    opacity: 1;
  }
  #join-you-map-btn, #get-you-map-btn {
    margin-top: 10px;
  }
  .form_block {
    margin-bottom: 15px;
  }
  .header_main_nav nav {
    padding-top: 0;
  }
  span.btn_wrap button {
    line-height: 42px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .modal-body .btn_wrap {
    text-align: left;
  }
  .form_block:last-child {
    margin-bottom: 15px;
  }
  .popup_button_space {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .inner_con_block {
    padding-left: 17px;
    padding-right: 17px;
  }
  .right_icon_image {
    margin-top: 30px;
  }
  .journey-hozontal {
    display: none;
  }
  .journey-vertical {
    display: block;
    max-width: 80%;
    margin: 0 auto;
  }
  .check_bottom_wrap_inner.error .error_top_message {
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer_mobile_logo {
    margin-bottom: 44px;
  }
  .footer_col1 {
    padding-right: 17px;
  }
  .general_section_style .custom_container img.image_width {
    padding-top: 30px;
    display: block;
    margin: 0 0 0 -17px;
    width: calc(100% + 34px);
    max-width: initial;
  }
  .login_button {
    padding-top: 17px;
    transform: translateX(-50%);
    left: 50%;
    right: auto;
  }
  footer.corporate .custom_container {
    padding-left: 17px;
    padding-right: 17px;
  }
  .scroll_header {
    max-width: 100%;
  }
  #show_menu {
    width: 100vw;
  }
  .header_wrapper {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 0;
    height: auto;
  }
  .header_wrapper .custom_container {
    padding-left: 0;
    padding-right: 0;
  }
  .banner_wrapper .banner_img video {
    /*height:584px;*/
    display: block;
  }
  .banner_wrapper .banner_content {
    padding-left: 17px;
    padding-right: 17px;
    top: 20%;
  }
  .banner_wrapper .banner_content .custom_container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .banner_wrapper .banner_content.iphone_pad {
    top: 40%;
  }
  .mneu_spacer {
    padding-top: 16%;
  }
  .banner_wrapper .banner_content .banner_content_inner p {
    /*        width: 100%;
    		font-size: 4vw;
    		line-height: 4.5vw;*/
    font-size: 20px;
    line-height: 27px;
    width: 100%;
    font-size: 18px;
    line-height: 6vw;
  }
  h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
  }
  h3 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 10px;
  }
  .general_section_style {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .look_free_col {
    margin-bottom: 50px;
    padding-left: calc(8.333333% + 15px);
    padding-right: calc(8.333333% + 15px);
  }
  .new_chalanege_proj {
    padding-left: calc(8.333333% + 15px);
    padding-right: calc(8.333333% + 15px);
    padding-top: 50px;
    padding-bottom: 50px;
    background: #EBEBEB;
  }
  .footer_list {
    display: none;
  }
  .copyright_text {
    position: absolute;
    left: 17px;
    bottom: -35px;
    width: calc(100% - 17px);
    text-align: left;
  }
  .vfooter_col2 {
    position: static;
  }
  footer.corporate {
    padding-bottom: 80px;
  }
  .learn_more p {
    margin-bottom: 25px;
  }
  .inner_footer_wrap p {
    line-height: 22px;
    margin-bottom: 30px;
  }
  .inner_footer_wrap ul.footer_social {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .mneu_spacer {
    padding-top: 16%;
  }
  /*    .banner_wrapper .banner_content .banner_content_inner p {
  		width: 100%;
  		font-size: 4vw;
  		line-height: 5vw;
  	}*/
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .next_section_arrow {
    bottom: 80px;
  }
}
/* hack for differtnet browser */
@supports (-ms-ime-align: auto) {
  .banner_wrapper video {
    height: 100% !important;
  }
}
.feature-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .feature-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .feature-section {
    padding-top: 102px;
    padding-bottom: 108px;
  }
}
.feature-section .feature-section-head {
  margin-bottom: 45px;
}
@media (min-width: 992px) {
  .feature-section .feature-section-head {
    margin-bottom: 65px;
  }
}
.feature-section h2, .feature-section .h2 {
  margin-bottom: 21px;
}
@media (max-width: 767.98px) {
  .feature-section h2, .feature-section .h2 {
    margin-bottom: 18px;
  }
}

.features-holder {
  margin-bottom: -30px;
}
.features-holder .feature {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .features-holder h3 {
    margin-bottom: 16px;
  }
}

.two-icon-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 17px;
}
@media (max-width: 767.98px) {
  .two-icon-group {
    margin-bottom: 15px;
  }
}
.two-icon-group .icon-wrap {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 2px solid #ffc107;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.two-icon-group .icon-wrap + .icon-wrap {
  margin-left: 13px;
}
.two-icon-group .icon-wrap + .icon-wrap:before {
  position: absolute;
  right: 100%;
  content: "";
  height: 2px;
  width: 17px;
  background: #ffc107;
}

.subscription-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .subscription-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .subscription-section {
    padding-top: 103px;
    padding-bottom: 111px;
  }
}
.subscription-section .full-price-link {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .subscription-section .full-price-link {
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .subscription-section .full-price-link {
    margin-top: -16px;
  }
}

.banner-caption .btn[disabled], .banner-caption .btn.disabled,
.bg-lightest .btn[disabled],
.bg-lightest .btn.disabled,
.bg-darkest .btn[disabled],
.bg-darkest .btn.disabled {
  background: #aaa !important;
  color: #001f2d !important;
  border-color: #aaa !important;
}

.subscription-pakeges {
  position: relative;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .subscription-pakeges {
    min-height: 469px;
  }
}
@media (min-width: 1200px) {
  .subscription-pakeges {
    min-height: 572px;
  }
}
.subscription-pakeges:before {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -15px;
  top: 0;
  width: 1170px;
}
@media (min-width: 992px) {
  .subscription-pakeges:before {
    width: 960px;
    height: 469px;
    background-image: url(../images/subscription-bg.svg);
  }
}
@media (min-width: 1200px) {
  .subscription-pakeges:before {
    width: 1170px;
    height: 572px;
    left: 0;
  }
}
.subscription-pakeges .package {
  text-align: center;
  font-weight: 400;
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
@media (max-width: 359px) {
  .subscription-pakeges .package {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .subscription-pakeges .package {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .subscription-pakeges .package {
    padding-top: 46px;
    margin-bottom: 0;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .subscription-pakeges .package {
    padding-top: 69px;
  }
}
.subscription-pakeges .package:before {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: -20px;
  border-radius: 50%;
  content: "";
  width: 336px;
  height: 336px;
  background: #0F2C39;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .subscription-pakeges .package:before {
    width: 366px;
    height: 366px;
  }
}
@media (min-width: 992px) {
  .subscription-pakeges .package:before {
    display: none;
  }
}
@media (min-width: 992px) {
  .subscription-pakeges .package:nth-child(2) {
    margin-top: 61px;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .subscription-pakeges .package:nth-child(3) {
    margin-top: 122px;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .subscription-pakeges .package:nth-child(3) {
    margin-top: 141px;
  }
}
.subscription-pakeges .package.light-blue .inner:before {
  background-image: url(../images/subscription_blue.svg);
}
.subscription-pakeges .package.light-gray .inner:before {
  background-image: url(../images/subscription_grey.svg);
}
.subscription-pakeges .package .inner {
  width: 296px;
  height: 296px;
  margin: 0 6px;
  border-radius: 50%;
  overflow: hidden;
  padding: 6px;
  position: relative;
  z-index: 1;
}
@media (max-width: 359px) {
  .subscription-pakeges .package .inner {
    width: 280px;
    height: 280px;
    margin: 0;
    font-size: 15px;
  }
  .subscription-pakeges .package .inner .btn {
    padding-left: 6px;
    padding-right: 6px;
    min-width: 95px;
  }
  .subscription-pakeges .package .inner p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-pakeges .package .inner {
    width: 254px;
    height: 254px;
  }
}
.subscription-pakeges .package .inner:before {
  position: absolute;
  content: "";
  background-image: url(../images/subscription_yellow.svg);
  background-size: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
}
.subscription-pakeges .package .package-body {
  padding: 13px 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-pakeges .package .package-body {
    font-size: 14px;
    line-height: 1.2142857143;
    padding: 13px 20px;
  }
}
@media (min-width: 1200px) {
  .subscription-pakeges .package .package-body {
    font-size: 16px;
    line-height: 1.375;
    padding: 13px 30px;
  }
}
.subscription-pakeges .package p {
  margin-bottom: 21px;
}
@media (max-width: 1199.98px) {
  .subscription-pakeges .package p {
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-pakeges .package p {
    margin-bottom: 15px;
  }
}
.subscription-pakeges .package p:last-child {
  margin-bottom: 0;
}
.subscription-pakeges .package .btn_wrap {
  text-align: center;
}
.subscription-pakeges .package .package-head {
  padding: 21px 0 16px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-pakeges .package .package-head {
    padding: 20px 0 16px;
  }
}
.subscription-pakeges .package .package-head .h3, .subscription-pakeges .package .package-head h3 {
  letter-spacing: 0;
  color: #333;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-pakeges .package .package-head .h3, .subscription-pakeges .package .package-head h3 {
    font-size: 24px;
    line-height: 1.125;
  }
}

.subscription-info {
  padding-top: 45px;
  margin-bottom: -35px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .subscription-info {
    margin-bottom: -30px;
  }
}
@media (min-width: 992px) {
  .subscription-info {
    padding-top: 13px;
  }
}
.subscription-info .info-box {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .subscription-info .info-box {
    margin-bottom: 30px;
  }
}
.subscription-info:last-child {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .subscription-info h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .subscription-info h3 {
    font-size: 24px;
    line-height: 1.3333333333;
  }
}
@media (max-width: 767.98px) {
  .subscription-info h3 br {
    display: none;
  }
}

.article-post {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .article-post {
    padding-top: 24px;
    padding-bottom: 23px;
  }
}
.article-post .text {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .article-post .text {
    margin-bottom: 37px;
  }
}
.article-post .text:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .article-post .align {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .article-post .align {
    padding-top: 77px;
    padding-bottom: 77px;
  }
}
.article-post h2 {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .article-post h2 {
    margin-bottom: 21px;
  }
}
.article-post p {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .article-post p {
    margin-bottom: 23px;
  }
}
.article-post p:last-child {
  margin-bottom: 0;
}
.article-post .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -14px -7px;
  padding-bottom: 20px;
}
.article-post .info:last-child {
  padding-bottom: 0;
}
.article-post .info li {
  padding: 0 14px 7px;
}

a {
  transition: color 0.25s linear;
}

.btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.375;
  padding: 8px 14px;
  transition: border 0.25s linear, color 0.25s linear, background 0.25s linear;
}
.btn[disabled], .btn.disabled {
  background: #ebebeb !important;
  color: #fff !important;
  border-color: #ebebeb !important;
}
.btn.disabled-dark {
  background: #aaa !important;
  color: #001f2d !important;
  border-color: #aaa !important;
}
.btn:hover, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
  background: #A6C8D3;
  border-color: #A6C8D3;
}

input[type=text].disabled, input[type=text][disabled],
input[type=tel].disabled,
input[type=tel][disabled],
input[type=email].disabled,
input[type=email][disabled],
input[type=search].disabled,
input[type=search][disabled],
input[type=password].disabled,
input[type=password][disabled],
textarea.disabled,
textarea[disabled] {
  border-color: #ebebeb !important;
  background: #fff !important;
  color: #d7d7d7 !important;
}
input[type=text].disabled::-webkit-input-placeholder, input[type=text][disabled]::-webkit-input-placeholder,
input[type=tel].disabled::-webkit-input-placeholder,
input[type=tel][disabled]::-webkit-input-placeholder,
input[type=email].disabled::-webkit-input-placeholder,
input[type=email][disabled]::-webkit-input-placeholder,
input[type=search].disabled::-webkit-input-placeholder,
input[type=search][disabled]::-webkit-input-placeholder,
input[type=password].disabled::-webkit-input-placeholder,
input[type=password][disabled]::-webkit-input-placeholder,
textarea.disabled::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder {
  color: #d7d7d7 !important;
}
input[type=text].disabled::-moz-placeholder, input[type=text][disabled]::-moz-placeholder,
input[type=tel].disabled::-moz-placeholder,
input[type=tel][disabled]::-moz-placeholder,
input[type=email].disabled::-moz-placeholder,
input[type=email][disabled]::-moz-placeholder,
input[type=search].disabled::-moz-placeholder,
input[type=search][disabled]::-moz-placeholder,
input[type=password].disabled::-moz-placeholder,
input[type=password][disabled]::-moz-placeholder,
textarea.disabled::-moz-placeholder,
textarea[disabled]::-moz-placeholder {
  opacity: 1;
  color: #d7d7d7 !important;
}
input[type=text].disabled:-moz-placeholder, input[type=text][disabled]:-moz-placeholder,
input[type=tel].disabled:-moz-placeholder,
input[type=tel][disabled]:-moz-placeholder,
input[type=email].disabled:-moz-placeholder,
input[type=email][disabled]:-moz-placeholder,
input[type=search].disabled:-moz-placeholder,
input[type=search][disabled]:-moz-placeholder,
input[type=password].disabled:-moz-placeholder,
input[type=password][disabled]:-moz-placeholder,
textarea.disabled:-moz-placeholder,
textarea[disabled]:-moz-placeholder {
  color: #d7d7d7 !important;
}
input[type=text].disabled:-ms-input-placeholder, input[type=text][disabled]:-ms-input-placeholder,
input[type=tel].disabled:-ms-input-placeholder,
input[type=tel][disabled]:-ms-input-placeholder,
input[type=email].disabled:-ms-input-placeholder,
input[type=email][disabled]:-ms-input-placeholder,
input[type=search].disabled:-ms-input-placeholder,
input[type=search][disabled]:-ms-input-placeholder,
input[type=password].disabled:-ms-input-placeholder,
input[type=password][disabled]:-ms-input-placeholder,
textarea.disabled:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder {
  color: #d7d7d7 !important;
}
input[type=text].disabled.placeholder, input[type=text][disabled].placeholder,
input[type=tel].disabled.placeholder,
input[type=tel][disabled].placeholder,
input[type=email].disabled.placeholder,
input[type=email][disabled].placeholder,
input[type=search].disabled.placeholder,
input[type=search][disabled].placeholder,
input[type=password].disabled.placeholder,
input[type=password][disabled].placeholder,
textarea.disabled.placeholder,
textarea[disabled].placeholder {
  color: #d7d7d7 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  border-color: #ebebeb !important;
  background: #fff !important;
}

.ffl-wrapper select:disabled {
  color: #d7d7d7 !important;
}

.contact-section {
  padding-top: 50px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .contact-section {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .contact-section {
    padding-top: 103px;
    padding-bottom: 90px;
  }
}
.contact-section .contact-section-head {
  margin-bottom: 45px;
}
.contact-section ul:last-child {
  margin-bottom: 0;
}
.contact-section h2 {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .contact-section h2 {
    margin-bottom: 28px;
  }
}
.contact-section h5 {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .contact-section h5 {
    margin-bottom: 22px;
  }
}

.bg-darkest a:not(.btn) {
  color: #A6C8D3;
}
.bg-darkest a:not(.btn):focus, .bg-darkest a:not(.btn):hover {
  color: #56A3A6;
}

#double-label-slider.ui-slider {
  margin-top: 14px;
  height: 3px;
  background: #d7d7d7;
  border: none;
  margin-left: 9px;
  border-radius: 0;
}

#double-label-slider.ui-slider .ui-slider-handle {
  background: #56A3A6;
  border: none;
  width: 13px;
  height: 13px;
  margin-left: -9px;
  border-radius: 100%;
  transition: box-shadow 0.2s ease;
}

#double-label-slider.ui-slider .ui-slider-handle.ui-state-hover,
#double-label-slider.ui-slider .ui-slider-handle.ui-state-focus,
#double-label-slider.ui-slider .ui-slider-handle.ui-state-active {
  /*box-shadow: 0 0 0 2px $dark-blue;db*/
  outline: none;
}

#double-label-slider.ui-slider .ui-slider-pip {
  top: -3px;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-line {
  background: #d7d7d7;
  width: 10px;
  height: 10px;
  margin-left: -9px;
  /*box-shadow: 0 0 0 2px $dark-blue;*/
  border-radius: 100%;
  transition: all 0.4s ease;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label,
#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i,
#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  width: 100px;
  margin-left: -53px;
  top: 22px;
  text-align: center;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label {
  color: #888888;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
  font-style: normal;
  font-size: 1.8em;
  position: absolute;
  top: -36px;
}

@media screen and (max-width: 500px) {
  #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
    font-size: 1.4em;
  }
}
#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  opacity: 0.6;
  font-size: 1.2em;
  line-height: 1.3;
  position: absolute;
  top: 18px;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 500px) {
  #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
    font-size: 1.1em;
  }
}
#double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label span,
#double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label span,
#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label span {
  opacity: 1;
}

#double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  color: black;
}

.drop_with_cheks_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #ebebeb;
}

.drop_with_cheks_list li {
  display: flex;
}

.drop_with_cheks_list li .check_box_custom_style {
  margin-left: 0;
}

.text-area-fixed-height {
  min-height: 205px !important;
}

#double-label-slider .ui-slider-pip .ui-slider-label {
  display: none !important;
}
#double-label-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  display: block !important;
  color: #56A3A6 !important;
  font-size: 12px;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label, #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i, #double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  top: 18px;
}

button:focus {
  outline: inherit;
}

b, strong {
  font-weight: 700;
}

img {
  height: auto;
}

body {
  overflow-x: hidden;
  background: #EBEBEB;
}
body.mobile_body {
  background: #fff;
}
body.mobile_body .logo img {
  width: auto;
  max-width: 100%;
}
body.mobile_body #ui-datepicker-div {
  background: #ebebeb;
}

.thankyou_mobile_page {
  display: none;
}
.thankyou_mobile_page h2 span {
  color: #ffb400;
}

.profile_section {
  background: #EBEBEB;
}

.profile_section_wrap {
  padding-bottom: 40px;
}

.additional_private_section {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*.samllbody {
    color:#333333;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
}*/
address,
p {
  margin-bottom: 15px;
}

h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 22px 0;
}

h3 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 22px 0;
}

h3.active_search_hd {
  font-size: 16px;
  margin-bottom: 3px;
  line-height: 20px;
}

h4 {
  /* done */
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 22px 0;
  /*text-transform: capitalize;*/
}

.heading_widthspan span {
  font-size: 13px;
  color: #333333;
  display: block;
  line-height: 16px;
  font-weight: 300;
}

h5 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 22px 0;
}

h6 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #333333;
  margin: 0 0 22px 0;
}

.abstract {
  font-size: 20px;
  color: #333333;
  line-height: 40px;
  font-weight: 300;
  margin: 0 0 17px 0;
}

.mobile {
  display: none;
}

ul {
  padding: 0;
  list-style-position: inside;
}

.right_slide_main_wrap p {
  /*margin:0 0 22px 0;*/
}

.right_slide_main_wrap .description_sam_space {
  margin-bottom: 33px;
}

.header_sub {
  min-height: 38px;
}

.header_sub_pop {
  min-height: 56px;
}

.project_sub_heading {
  font-weight: 500;
}

p.heading_description {
  margin-bottom: 25px;
}

.para_space {
  margin-bottom: 40px;
}

.heading_in_para strong {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #333333;
}

a {
  color: #56A3A6;
  outline: none;
}
a:hover {
  color: #A6C8D3;
}
a.pressed {
  color: #A6C8D3;
}

.text_button_area ul li.redlink.terminate_link {
  margin-left: 20px;
}
.text_button_area ul li.redlink.terminate_link:first-child {
  margin-left: 0;
}
.text_button_area ul li.redlink.terminate_link a {
  color: #FF606C;
  outline: none;
}
.text_button_area ul li.redlink.terminate_link a:hover {
  color: #FF606C;
}
.text_button_area ul li.redlink.terminate_link a.pressed {
  color: #FF606C;
}

a:hover {
  text-decoration: none;
}

span.btn_wrap a {
  display: inline-block;
  background: #56A3A6;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 40px;
  height: 40px;
  min-width: 90px;
}
@media (min-width: 768px) {
  span.btn_wrap a:hover {
    background: #A6C8D3;
  }
}
span.btn_wrap a.pressed {
  background: #A6C8D3;
  color: #56A3A6;
}
span.btn_wrap a.disabled {
  background: #e5e5e5;
}
span.btn_wrap a.darkbg {
  background: #464646;
  color: #001F2D;
}
span.btn_wrap button {
  display: inline-block;
  background: #56A3A6;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  min-width: 65px;
}
@media (min-width: 768px) {
  span.btn_wrap button:hover {
    background: #A6C8D3;
  }
}
span.btn_wrap button.pressed {
  background: #A6C8D3;
  color: #56A3A6;
}
span.btn_wrap button:disabled {
  background: #e5e5e5;
}
span.btn_wrap button.darkbg {
  background: #464646;
  color: #001F2D;
}

.runtime_text {
  font-size: 16px;
  font-weight: 700;
  padding-top: 9px;
  display: inline-block;
  line-height: 16px;
}
.runtime_text.autosaved {
  color: #56A3A6;
}
.runtime_text.saving {
  color: #FF606C;
}

.dashboard_header {
  padding: 40px 0 60px 0;
  z-index: 3;
  top: 0;
}

.btn-edit-remark {
  font-size: 13px;
  color: #56A3A6;
  font-weight: 600;
  cursor: pointer;
}

.remark_wrap {
  padding-top: 20px;
}

.body_layer {
  background: rgba(170, 170, 170, 0.5);
  width: 0;
  height: 0;
  /*display: none;*/
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 2;
}

.sticky {
  overflow: hidden;
}
.sticky .container {
  position: relative;
}

.logo img {
  max-width: 207px;
  border: 0;
  outline: none;
}

.navigation {
  position: relative;
  z-index: 3;
}
.navigation ul {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
  justify-content: flex-start;
  display: flex;
}
@media (max-width: 767px) {
  .navigation ul {
    margin: 0;
  }
}
.navigation ul li {
  padding-right: 40px;
}
.navigation ul li a {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .navigation ul li a {
    font-size: 14px;
  }
}
.navigation ul li.login_color a {
  color: #56A3A6;
}

.simpale_slide_link {
  text-decoration: underline;
  color: #333;
}
.simpale_slide_link:hover {
  text-decoration: none;
  color: #333;
}

.data_protect_privacy_ul {
  list-style: none;
  padding: 0;
  marging: 0;
  /*font-size: 16px;*/
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
}
.data_protect_privacy_ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.data_protect_privacy_ul li > .symbol_span {
  width: 25px;
}
.data_protect_privacy_ul li > .span_hd_main {
  width: calc(100% - 25px);
}
.data_protect_privacy_ul ul {
  list-style: none;
  padding: 0 0 0 25px;
  marging: 0;
}
.data_protect_privacy_ul ul li {
  padding-bottom: 5px;
}
.data_protect_privacy_ul ul li > .symbol_span {
  font-size: 22px;
  width: 15px;
  line-height: 16px;
}
.data_protect_privacy_ul ul li > .span_hd {
  width: calc(100% - 15px);
}
.data_protect_privacy_ul ul li .spa_con {
  width: 100%;
  padding-left: 15px;
}

.basic_info_container {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D7D7D7;
}

.basic_info_field_wrap .lable {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
  color: #333;
}

.created_wrap .created_bylink {
  margin-top: 14px;
  font-size: 14px;
}

.created_bylink .btn-link {
  cursor: pointer;
}

.created_bylink .btn-link {
  cursor: pointer;
  color: #56A3A6;
}
.created_bylink .btn-link:hover {
  text-decoration: none;
}

.profile_pic_upload {
  border: 1px solid #D7D7D7;
  width: 270px;
  height: 270px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
}
.profile_pic_upload .profile_pic_text {
  color: #AAAAAA;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  top: 50%;
  display: inline-block;
  z-index: 1;
  transform: translateY(-50%);
  font-weight: 500;
}
.profile_pic_upload .profile_pic_text span {
  display: block;
  color: #56A3A6;
}
.profile_pic_upload input[type=file] {
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  overflow: hidden;
}
.profile_pic_upload img.uploaded {
  position: absolute;
  z-index: 2;
  max-width: calc(100% - 2px);
  max-width: 100%;
  object-fit: contain;
  /*border-radius: 50%;*/
  left: 50%;
  top: 50%;
  opacity: 1;
  cursor: pointer;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

/* js plugin */
.ffl-wrapper {
  position: relative;
  /*  display: block;
    padding-top: 1rem;*/
}
.ffl-wrapper:focus {
  outline: none;
}
.ffl-wrapper input:disabled {
  color: #aaaaaa;
}
.ffl-wrapper input:disabled::-webkit-input-placeholder {
  color: #aaaaaa;
}
.ffl-wrapper input:-ms-input-placeholder {
  color: #aaaaaa;
}
.ffl-wrapper input:disabled::placeholder {
  color: #aaaaaa;
}
.ffl-wrapper select:disabled {
  color: #aaaaaa;
}
.ffl-wrapper select:disabled::-webkit-input-placeholder {
  color: #aaaaaa;
}
.ffl-wrapper select:disabled:-ms-input-placeholder {
  color: #aaaaaa;
}
.ffl-wrapper select:disabled::placeholder {
  color: #aaaaaa;
}
.ffl-wrapper textarea:disabled {
  color: #aaaaaa;
}

/*::-webkit-input-placeholder {  Edge
            color: red !important;
        }*/
/*
:-ms-input-placeholder {  Internet Explorer 10-11
    color: red;
}

::placeholder {
    color: red;
}*/
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #aaaaaa;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #aaaaaa;
}

.select2-container--default .select2-selection--single:focus {
  outline: none;
}

.ffl-label {
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  position: absolute;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  /*top: 1.25rem;*/
  color: #A9A9A9;
  font-size: 12px;
  font-weight: 600;
  top: 12px;
  left: 10px;
  z-index: 1;
  /*z-index: 9999;*/
}

.ffl-wrapper.ffl-floated .ffl-label {
  top: 3px;
  font-size: 10px;
}

.ffl-label {
  /*  color: #909090;
    line-height: 1.2;*/
}

.ffl-floated .ffl-label {
  /*  color: #0289f3;
    font-size: 0.75rem;*/
}

form {
  /*  max-width: 30rem;
    margin: 2rem auto 0;
    background-color: #ffffff;
    padding: 1rem;*/
}

form:after {
  /*  content: "";
    display: block;
    clear: both;*/
}

.basic_info_field_wrap input[type=file] {
  position: absolute;
  z-index: 3;
  opacity: 0;
  top: 0;
  left: 0;
}

.basic_info_field_wrap .input_overlap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: transparent;
  top: 0;
  left: 0;
  display: block;
}

.basic_info_field_wrap input,
.basic_info_field_wrap textarea,
.basic_info_field_wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-bottom 100ms ease;
  display: block;
  width: 100%;
  padding: 0;
  /*margin-bottom: 1rem;*/
  box-shadow: none;
  appearance: none;
  outline: none;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  padding: 10px 0 0 10px;
  color: #333;
  font-weight: 600;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  -webkit-outline: none;
  /*  border-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.2);*/
  height: 40px;
  font-size: 12px;
  line-height: 28px;
  font-family: "Open Sans";
}

.basic_info_field_wrap textarea {
  padding-top: 12px;
}

#contact-form .basic_info_field_wrap textarea {
  padding-top: 15px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 12px;
  font-family: "Open Sans";
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(51, 51, 51, 0.7);
}

.basic_info_field_wrap input:hover,
.basic_info_field_wrap textarea:hover,
.basic_info_field_wrap select:hover {
  /*    border-bottom-width: 1px;
      border-bottom-color: #909090;*/
}

.interview_checks {
  display: flex;
  flex-wrap: wrap;
}
.interview_checks .interview_checks_left {
  padding-right: 20px;
  display: flex;
}
.interview_checks .interview_checks_right {
  padding-right: 0px;
  display: flex;
}

.ui-dialog .ui-dialog-content {
  /*padding: 0 !important;*/
}
.ui-dialog .ui-dialog-content .text_button_area {
  padding-bottom: 0;
}

.basic_info_field_wrap input:focus,
.basic_info_field_wrap textarea:focus,
.basic_info_field_wrap select:focus {
  /*  border-bottom-width: 1px;
    border-bottom-color: #0289f3;*/
}

.basic_info_field_wrap textarea {
  resize: none;
  min-height: 1.875rem;
}

.basic_info_field_wrap label > span {
  color: #cccccc;
}

.basic_info_field_wrap [type=submit] {
  transition: background-color 0.3s ease;
  border: none;
  background-color: #0289f3;
  color: #ffffff;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 1rem;
  float: right;
}

.basic_info_field_wrap [type=submit]:hover, .basic_info_field_wrap [type=submit]:focus {
  background-color: #027bda;
}

.no_float input {
  padding-top: 0px;
}
.no_float .select2-container--default .select2-selection--single {
  padding-top: 5px;
}
.no_float.ffl-wrapper .select2-container .select2-selection__rendered {
  padding-left: 10px;
}
.no_float.ffl-wrapper-icon .select2-container .select2-selection__rendered {
  padding-left: 35px;
}

.ffl-wrapper-icon {
  position: relative;
}
.ffl-wrapper-icon i.search_cross {
  color: #A9A9A9;
  font-size: 14px !important;
  top: 14px !important;
}
.ffl-wrapper-icon i.select_cross {
  color: #A9A9A9;
  font-size: 14px !important;
  top: 14px !important;
}
.ffl-wrapper-icon i.material-icons {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #A9A9A9;
  font-size: 21px;
  z-index: 1;
}
.ffl-wrapper-icon i.material-icons.attache_file {
  transform: rotate(45deg);
}
.ffl-wrapper-icon .ffl-label {
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-weight: 600;
  top: 11px;
  left: 35px;
}
.ffl-wrapper-icon input, .ffl-wrapper-icon textarea, .ffl-wrapper-icon select {
  padding-left: 35px;
}

.input_grey_color input, .input_grey_color textarea, .input_grey_color select {
  background: #ebebeb;
}

.form-group .iti {
  width: 100%;
}

/* js plugin */
.basic_info_field_wrap.basic_info_field_wrap_filter .basic_info_field_row .ffl-wrapper {
  margin-bottom: 0;
}
.basic_info_field_wrap .basic_info_field_row .ffl-wrapper {
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .basic_info_field_wrap .basic_info_field_row .ffl-wrapper {
    margin-bottom: 0;
  }
}
.basic_info_field_wrap .basic_info_field_row .col-12:last-child .ffl-wrapper {
  margin-bottom: 0;
}

.basic_edu_container .basic_info_field_row {
  margin-bottom: 26px;
}

.search_result {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
}
.search_result li {
  font-weight: 500;
  display: none;
  cursor: pointer;
}
.search_result li i {
  font-size: 10px;
  font-weight: bold;
  color: #aaa;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.search_result li span {
  color: #333;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
}
.search_result li.delete i {
  color: #FF606C;
}
.search_result li.delete span {
  color: #FF606C;
}
.search_result li:hover i {
  color: #FF606C;
}
.search_result li:hover span {
  color: #FF606C;
}
.search_result li.see_all {
  display: block;
}
.search_result li.see_all span {
  color: #56A3A6;
  font-size: 13px;
}
.search_result li.justshowseeall {
  display: block;
}
.search_result li.showli {
  display: block;
  align-items: center;
}
.search_result li.showchecks {
  display: block;
  align-items: center;
}

.more_text {
  display: none;
}

.left_navigation {
  margin-bottom: 40px;
}
.left_navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.left_navigation ul li {
  line-height: 24px;
}
.left_navigation ul li a {
  font-size: 16px;
  color: #333;
  font-weight: 300;
}
.left_navigation ul li a:hover {
  color: #56A3A6;
  font-weight: 700;
}
.left_navigation ul li a.active {
  color: #56A3A6;
  font-weight: 700;
}
.left_navigation ul li.deactivated a:hover {
  color: #FF606C;
}
.left_navigation ul li.deactivated.active a {
  color: #FF606C;
}

.private_info_field_wrap .private_top_filter_data {
  padding-bottom: 30px;
}
.private_info_field_wrap .basic_info_field_wrap {
  margin-bottom: 23px;
}
.private_info_field_wrap .basic_info_field_wrap input, .private_info_field_wrap .basic_info_field_wrap textarea, .private_info_field_wrap .basic_info_field_wrap select {
  background: #ebebeb;
}

.user_editor_area h6 {
  margin-bottom: 2px;
  font-weight: 700;
}

.user_editor_block {
  background: #ebebeb;
  padding: 20px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
}
.user_editor_block ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: right;
}
.user_editor_block ul li {
  display: inline-block;
  padding-left: 15px;
}
.user_editor_block ul li a {
  font-size: 12px;
  color: #AAAAAA;
  font-weight: 600;
}
.user_editor_block ul li a:hover {
  color: #333333;
}
.user_editor_block ul li.active a {
  color: #333333;
}

.editor_text_area {
  font-size: 12px;
  color: #333;
  min-height: 259px;
  max-height: 259px;
  overflow-y: auto;
  overflow-x: hidden;
}
.editor_text_area:focus {
  outline: none;
}
.editor_text_area textarea {
  font-size: 12px;
  color: #333;
  width: 100%;
  height: 272px;
  border: 0;
  background: #ebebeb;
  overflow: hidden;
  resize: none;
  /*        strong {
              display: block;
          }*/
}

.text_button_area {
  padding: 20px 0;
}
.text_button_area ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.text_button_area ul.corp_rightSlide_button {
  justify-content: space-between;
}
.text_button_area ul.left_right_align {
  justify-content: space-between;
}
.text_button_area ul li {
  font-size: 16px;
  margin-right: 20px;
}
.text_button_area ul li.left_align_content {
  margin-right: auto;
}
.text_button_area ul li a {
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
}
.text_button_area ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.text_button_area.contact_pop_btn ul li a {
  color: #fff;
}

.link_custom_style a, .link_custom_style button {
  line-height: 40px;
  color: #56A3A6;
  font-size: 16px;
  font-weight: 700;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 20px;
}

/* Select 2 */
.select2-container--default .select2-selection--single {
  background-color: #ebebeb;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  height: 40px;
  padding-top: 11px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
}

.select_with_arrow + span.select2-container .select2-selection__arrow {
  background: url(../images/down_arrow.png) no-repeat left top;
  background-size: 60%;
  top: 12px;
}

.right_select .ffl-label {
  z-index: 99;
}

.right_select select, .right_select .select2-container {
  width: 100% !important;
}

/*.select2:focus {
    border: 0;
    outline: none;
    box-shadow: none;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open.select2-container--focus {
    border: 0;
    outline: none;
    box-shadow: none;
    background: none;
}*/
.right_select .select2-selection.select2-selection--single {
  background-color: #ebebeb;
}

.select2-dropdown {
  background-color: #ebebeb;
  border: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=false] {
  color: #56A3A6;
  background: transparent;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  color: #56A3A6;
  background: transparent;
  font-weight: 700;
  width: 100% !important;
}

.select2-selection select2-selection--single,
.select2-container,
.select2,
.select2-container:focus {
  border: 0 !important;
  outline: none;
  box-shadow: 0;
  width: 100% !important;
}

.select2-results__option {
  padding-left: 9px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 240px;
}

/* Select 2 */
/* slide autocomplete */
.slide_autocomplete {
  background: #ebebeb;
}

/* slide autocomplete */
.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
  padding-left: 10px;
  border: 0;
}

.ui-widget.ui-widget-content.ui-autocomplete {
  border: 0;
  max-height: 241px;
  overflow: auto;
}

.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active {
  border: 0;
  background: transparent;
  font-weight: normal;
  color: #333;
  margin: 0;
  color: #56A3A6;
}

.ui-autocomplete.ui-menu.autocomplete_greybg.ui-widget-content {
  background: #ebebeb;
}

.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-active-state {
  color: #56A3A6;
}

.ui-autocomplete .ui-menu-item {
  font-size: 12px;
  line-height: 18px;
}

.search_result {
  font-size: 12px;
  line-height: 18px;
}
.search_result li.showli {
  display: flex;
}

/* right side bar */
.right_side_bar_wrap {
  right: 15px;
  top: -40px;
  position: absolute;
  display: none;
  width: 1204px;
  height: 100vh;
  z-index: 2;
}
.wide_bg {
  background: #fff;
  position: absolute;
  top: 0px;
  height: 100vh;
  right: 0;
}

.right_slide_bg {
  background: #fff;
  padding-top: 100px;
  padding-left: 30px;
  padding-right: 30px;
  /*display: none;*/
  width: 100%;
  left: -15px;
  position: absolute;
  height: 100vh;
  overflow-y: auto;
}

/*.company_detail_wrap .right_slide_bg {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    left: -15px;
}*/
.right_navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.right_navigation ul li:not(last-child) {
  margin-bottom: 10px;
}
.right_navigation ul li a:not(.btn) {
  font-size: 16px;
  color: #333;
  text-transform: capitalize;
  line-height: 28px;
  font-weight: no;
}
.right_navigation ul li a:not(.btn):hover {
  color: #56A3A6;
}
.right_navigation ul.customer_detail_list {
  list-style: none;
  padding: 0;
  margin: 40px 0 0 0;
}
.right_navigation ul.customer_detail_list li {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 22px 0;
}
.right_navigation ul.customer_detail_list li span {
  display: block;
  font-weight: 300;
}
.right_navigation ul.customer_detail_list li strong {
  display: block;
  font-weight: normal;
  font-weight: 300;
}
.right_navigation ul.customer_detail_list li a {
  color: #56A3A6;
  font-weight: 300;
}

.get_data_wrap {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 11px;
  display: inline-block;
}

/* right side bar */
.input_field_row {
  margin-bottom: 15px;
}

.infoBar .infos {
  text-align: right;
}

.tile {
  cursor: pointer;
}

.slide_search_wrap {
  padding-bottom: 15px;
}

.right_side_form .input_field_row_seprator {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 20px;
  margin-bottom: 30px !important;
}
.right_side_form .input_field_row {
  margin-bottom: 15px;
}
.right_side_form .text_button_area {
  padding-bottom: 0;
}
.right_side_form .text_button_area.top_space {
  padding-top: 30px;
}
.right_side_form .general_space_slide {
  padding-bottom: 30px;
}

.cursor_pointer {
  cursor: pointer;
}

.input_field_row .basic_info_field_wrap.greybg input,
.input_field_row .basic_info_field_wrap.greybg textarea,
.input_field_row .basic_info_field_wrap.greybg select {
  background: #ebebeb;
}

.border-cus-top {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
  margin-top: 20px;
}

.setting_block {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.setting_block.no_border {
  border: 0;
  padding-bottom: 0;
}
.setting_block .input_field_row:last-child {
  margin-bottom: 0;
}

#grid-data .check_box_custom_style {
  display: block;
}

#more_request {
  padding-bottom: 0;
}

#terminate_popup {
  padding-right: 24%;
}

.request_warn_wrap .text_area_wraper {
  padding-top: 10px;
}
.request_warn_wrap p {
  margin-bottom: 20px;
}
.request_warn_wrap .check_box_custom_style {
  margin-left: 0;
  margin-top: 3px;
}
.request_warn_wrap .checkbox_label {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
}

.check_box_custom_style {
  position: relative;
  width: 14px;
  height: 14px;
  margin-top: 4px;
  display: inline-block;
  /*display: block;*/
  margin-left: auto;
}
.check_box_custom_style.checkbox_right_align {
  margin-left: 0;
  margin-bottom: 0;
  position: relative;
  top: -4px;
}
.check_box_custom_style input {
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-right: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 14px;
  height: 14px;
}
.check_box_custom_style .checkbox_wrap {
  position: absolute;
  width: 14px;
  height: 14px;
  display: inline-block;
  top: 0;
  left: 0;
}
.check_box_custom_style .checkbox_wrap:before {
  content: "";
  position: absolute;
  border-radius: 0;
  border: 1px solid #CCC;
  top: 0;
  left: 0;
  z-index: 0;
  width: 14px;
  height: 14px;
  line-height: 1;
}
.check_box_custom_style input[type=checkbox]:checked + .checkbox_wrap:before, .check_box_custom_style input[type=radio]:checked + .checkbox_wrap:before {
  content: "✓";
  font-size: 11px;
  border: 1px solid #56A3A6;
  color: #56A3A6;
  text-align: center;
  padding-top: 0px;
}
.check_box_custom_style.disable_tick input[type=checkbox]:checked + .checkbox_wrap:before, .check_box_custom_style.disable_tick input[type=radio]:checked + .checkbox_wrap:before {
  content: "✓";
  font-size: 11px;
  border: 1px solid #CCC;
  color: #CCC;
  text-align: center;
  padding-top: 0px;
}
.check_box_custom_style.disable_cross input[type=checkbox]:checked + .checkbox_wrap:before, .check_box_custom_style.disable_cross input[type=radio]:checked + .checkbox_wrap:before {
  content: "✕";
  font-size: 11px;
  border: 1px solid #CCC;
  color: #CCC;
  text-align: center;
  padding-top: 0px;
}
.check_box_custom_style.enable_cross input[type=checkbox]:checked + .checkbox_wrap:before, .check_box_custom_style.enable_cross input[type=radio]:checked + .checkbox_wrap:before {
  content: "✕";
  font-size: 11px;
  border: 1px solid #FF606C;
  color: #FF606C;
  text-align: center;
  padding-top: 0px;
}

.checkbox_label {
  vertical-align: top;
  display: inline-block;
  padding-left: 7px;
  width: calc(100% - 18px);
  font-size: 16px;
  margin-bottom: 0;
  color: #333333;
  line-height: 22px;
}

.right_table_wrap table tr td .disable_link {
  color: #CCC !important;
}

.right_table_wrap table tr td .enable_link_blue {
  color: #56A3A6 !important;
}

.right_table_wrap table tr td .enable_link_red {
  color: #FF606C !important;
}

.right_side_text_container {
  /*height: calc(100vh - 144px);*/
  /*padding-bottom: 300px;*/
  overflow: auto;
  background: #fff;
}

/*.menu-sections {
    display: none;
}*/
/* bootsrap modal */
.modal-body {
  padding: 90px 30px 50px;
}
.modal-body .close {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #A9A9A9;
}

.modal-content {
  border-radius: 0;
  border: 0;
}
.modal-content .h5:last-child,
.modal-content h5:last-child {
  margin-bottom: 0;
}

.executive_summary .modal-dialog {
  max-width: 600px;
}

.photo_editor .modal-dialog {
  max-width: 650px;
}

.executive_summary .text_button_area {
  padding-bottom: 0px;
}

/* bootsrap modal */
.save_search_desc {
  margin-top: 30px;
}

.inner_slide_content > h4 {
  margin-bottom: 33px;
}

/* table style wrap */
.right_table_wrap.dash_table {
  max-width: 75%;
}
.right_table_wrap.dash_table table {
  margin-bottom: 20px;
}
.right_table_wrap.dash_table table tr td .public_status_wrap ul li a {
  border: 1px solid #d7d7d7;
}
.right_table_wrap.dash_table table tr td .public_status_wrap ul li i {
  color: #d7d7d7;
}
.right_table_wrap .table_links {
  padding-top: 8px;
  padding-bottom: 8px;
}
.right_table_wrap .table_top_tab_list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.right_table_wrap table {
  /*        &.save_search_tbl {
              th[data-column-id="match"] {
                   text-align: right !important ;
              }
          }*/
  width: 100%;
}
.right_table_wrap table.invoice_tbl th[data-column-id=status] {
  text-align: right !important;
}
.right_table_wrap table.vendor_administration th[data-column-id=vendor_contact] {
  text-align: right !important;
}
.right_table_wrap table.select_match_tbl th[data-column-id=request_title] {
  width: 22%;
}
.right_table_wrap table.select_match_tbl th[data-column-id=request_id] {
  width: 15%;
}
.right_table_wrap table.match_tbl tr:last-child {
  border-bottom: 0 !important;
}
.right_table_wrap table.new_requests th[data-column-id=request_created] {
  width: 190px;
}
.right_table_wrap table.completed_tbl th[data-column-id=request_closed] {
  width: 100px;
}
.right_table_wrap table.customer_overview_tbl tr td:last-child {
  text-align: left !important;
}
.right_table_wrap table.customer_overview_tbl tr td:last-child .table_links {
  padding-left: 0;
}
.right_table_wrap table tbody tr {
  border-bottom: 1px solid #d7d7d7;
}
.right_table_wrap table.show_border {
  margin-bottom: 15px;
}
.right_table_wrap table.show_border tr:last-child {
  border-bottom: 1px solid #d7d7d7;
}
.right_table_wrap table tr:last-child {
  /*border-bottom: 0;*/
}
.right_table_wrap table tr th {
  white-space: nowrap;
  padding: 5px 5px 15px;
  text-transform: uppercase;
}
.right_table_wrap table tr th[data-column-id=hourly_rate] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=hourly_rate] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=currency] {
  text-align: left !important;
}
.right_table_wrap table tr th[data-column-id=currency] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=hours] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=hours] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=amount] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=amount] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=status] {
  text-align: left !important;
}
.right_table_wrap table tr th[data-column-id=status] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=working_hours] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=working_hours] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=hourly_rate] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=hourly_rate] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=project_hours] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=project_hours] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=hours_project_hours] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=hours_project_hours] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th[data-column-id=hours_project_cost] {
  text-align: right !important;
}
.right_table_wrap table tr th[data-column-id=hours_project_cost] span.text {
  padding-right: 0;
}
.right_table_wrap table tr th span.text {
  padding-right: 8px;
}
.right_table_wrap table tr th a {
  color: #212529;
}
.right_table_wrap table tr th:first-child {
  padding-left: 0;
}
.right_table_wrap table tr th:last-child {
  padding-right: 0;
}
.right_table_wrap table tr th:last-child span {
  padding-right: 0;
}
.right_table_wrap table tr th.th_status {
  width: 20%;
}
.right_table_wrap table tr th i {
  vertical-align: middle;
  color: #AAAAAA;
  cursor: pointer;
  font-size: 19px;
  position: relative;
  top: -1px;
}
.right_table_wrap table tr th.hide_th_icon i {
  display: none;
}
.right_table_wrap table tr th.hide_th_icon a {
  cursor: default;
}
.right_table_wrap table tr td {
  padding: 7px 5px 7px;
  font-weight: 600;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right_table_wrap table tr td a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.right_table_wrap table tr td:first-child {
  padding-left: 0;
}
.right_table_wrap table tr td:first-child span, .right_table_wrap table tr td:first-child a, .right_table_wrap table tr td:first-child .btn {
  padding-left: 0;
}
.right_table_wrap table tr td span.status_left {
  text-align: left;
  display: block;
  padding-left: 0 !important;
}
.right_table_wrap table tr td .btn {
  padding-left: 0;
}
.right_table_wrap table tr td:last-child {
  padding-right: 0;
  text-align: right !important;
}
.right_table_wrap table tr td:last-child .table_links {
  padding-right: 0;
  padding-left: 15px;
}
.right_table_wrap table tr td .public_status_wrap {
  display: flex;
  justify-content: space-between;
}
.right_table_wrap table tr td .public_status_wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.right_table_wrap table tr td .public_status_wrap ul li {
  position: relative;
}
.right_table_wrap table tr td .public_status_wrap ul li a {
  border: 3px solid #EBEBEB;
  color: #EBEBEB;
  display: block;
  line-height: 9px;
  min-width: 32px;
  cursor: pointer;
  text-align: center;
}
.right_table_wrap table tr td .public_status_wrap ul li a i {
  font-size: 13px;
}
.right_table_wrap table tr td .public_status_wrap ul li a.red {
  background: #FF606C;
  border-color: #FF606C;
  color: #fff;
}
.right_table_wrap table tr td .public_status_wrap ul li a.remove_hover:hover {
  background: #FF606C;
  border-color: #FF606C;
}
.right_table_wrap table tr td .public_status_wrap ul li a.add_hover:hover {
  background: #3FB93F;
  border-color: #3FB93F;
}
.right_table_wrap table tr td .public_status_wrap ul li a.green {
  background: #3FB93F;
  border-color: #3FB93F;
  color: #fff;
}
.right_table_wrap table tr td .public_status_wrap ul li a.green:hover {
  background: #3FB93F;
  border-color: #3FB93F;
}
.right_table_wrap table tr td .public_status_wrap ul li:first-child a {
  border-right: 0;
}
.right_table_wrap table tr td .public_status_wrap ul li:last-child a {
  border-left: 0;
}
.right_table_wrap table tr td .user_action_list {
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
  display: flex;
}
.right_table_wrap table tr td .user_action_list li {
  padding-left: 15px;
}
.right_table_wrap table tr td .user_action_list li a {
  font-size: 12px;
  color: #56A3A6;
  text-decoration: none;
  font-weight: 600;
}
.right_table_wrap table tr td .table_links {
  font-size: 12px;
  color: #56A3A6;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
}
.right_table_wrap table tr td .table_links.left_side {
  float: left;
}
.right_table_wrap table tr td .table_links:hover {
  color: #A6C8D3;
}
.right_table_wrap table tr td .right_align_td {
  display: block;
  text-align: right;
  padding-right: 0;
}
.right_table_wrap table tr td span[data-action=submit-matches],
.right_table_wrap table tr td span[data-action=remove-matches],
.right_table_wrap table tr td span[data-action=complete-matches] {
  display: block;
  padding-right: 0;
  text-align: right;
}
.right_table_wrap table tr td.no-results {
  text-align: center !important;
}

.btn-grid {
  font-size: 12px;
  color: #56A3A6;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
}

/*.filter_apply_horzon_list li:hover span {
    color: #FF606C;
}
.filter_apply_horzon_list li i:hover {
    color: #FF606C;
}*/
.appliedFilter:hover i {
  color: #FF606C;
}

.appliedFilter:hover span {
  color: #FF606C;
}

.contact_list {
  list-style: none;
  padding: 10px 0 30px;
  margin: 0;
}
.contact_list li {
  margin-bottom: 20px;
  font-size: 16px;
}
.contact_list li span {
  display: block;
}
.contact_list li a {
  color: #212529;
}

.delete_list {
  list-style: none;
  padding: 10px 0 30px;
  margin: 0;
}
.delete_list li {
  font-size: 16px;
}

.modal h4 {
  margin-top: 0px;
  /*margin-bottom: 15px;*/
}
.modal.photo_editor h4 {
  margin-bottom: 3px;
  text-transform: uppercase;
  font-size: 12px;
}
.modal.photo_editor .modal-body {
  padding-top: 5px;
}

/* table style wrap */
.user_edit_popup_wrap {
  margin-bottom: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  height: auto;
  left: 20%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 27%;
  width: auto;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: #AAAAAA;
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  content: "arrow_downward";
}

.select2-results__option:first-child {
  /*display: none !important;*/
}

/* for multiple */
.select2-container--default.opt_select2_witch_checks .select2-selection--multiple {
  border: 1px solid #d7d7d7;
  outline: 0;
  height: 40px;
  border-radius: 0;
  background: #ebebeb;
}

.select2-container.opt_select2_witch_checks .select2-search--inline .select2-search__field {
  margin-top: -2px;
}

.select2-container--default.opt_select2_witch_checks.select2-container--focus .select2-selection--multiple {
  border: 1px solid #d7d7d7;
}

.opt_select2_witch_checks .select2-results__option:before {
  /*    content: "";
      display: inline-block;
      position: relative;
      height: 20px;
      width: 20px;
      border: 2px solid #e9e9e9;
      border-radius: 4px;
      background-color: #fff;
      margin-right: 20px;
      vertical-align: middle;*/
  content: "";
  position: static;
  border-radius: 0;
  border: 1px solid #CCC;
  top: 0;
  left: 0;
  z-index: 0;
  width: 14px;
  height: 14px;
  line-height: 1;
  display: inline-block;
  background: #fff;
  vertical-align: middle;
  margin-right: 7px;
}

.opt_select2_witch_checks .select2-results__option[aria-selected=true]:before {
  /*        font-family: fontAwesome;
      content: "\f00c";
      color: #fff;
      background-color: #f77750;
      border: 0;
      display: inline-block;
      padding-left: 3px;*/
  content: "✓";
  font-size: 11px;
  border: 1px solid #56A3A6;
  color: #56A3A6;
  text-align: center;
  padding-top: 0px;
}

.select2-container.opt_select2_witch_checks .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
  top: 0;
  background: transparent;
  left: 0;
  z-index: 2;
  padding: 0;
  height: 100%;
  pointer-events: none;
}

.select2-container.opt_select2_witch_checks .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  display: none;
}

.select2-container.opt_select2_witch_checks .select2-selection--multiple .select2-selection__rendered li {
  float: none;
  background: none;
  border-radius: 0;
  border: 0;
}

.select2-container.opt_select2_witch_checks .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline {
  /*display: none;*/
}

.select2-container--default.opt_select2_witch_checks .select2-search--inline .select2-search__field {
  padding-left: 35px;
  background: transparent;
  margin: 0;
}

.select2-container.opt_select2_witch_checks .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  pointer-events: auto;
}

/* for multiple */
.dashboard_wrap .dashboard_row_space {
  margin-bottom: 40px;
}
.dashboard_wrap .dashboard_row_space .col-12 {
  margin-bottom: 14px;
}
.dashboard_wrap h3 {
  display: flex;
}
.dashboard_wrap h3 span {
  width: 75%;
  position: relative;
}
.dashboard_wrap h3 span em {
  font-style: inherit;
  display: inline-block;
  background: #EBEBEB;
  padding: 0 30px 0 0;
  position: relative;
  z-index: 2;
  /*min-width:75%;*/
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.dashboard_wrap h3 span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  line-height: 0;
  height: 1px;
  border: 0;
  width: 100%;
  z-index: 1;
}
.dashboard_wrap h3 samp {
  width: 40px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  border: 1px solid transparent;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-left: -20px;
  background: #EBEBEB;
  position: relative;
  z-index: 2;
}
.dashboard_wrap h3 samp img {
  display: inline-block;
  max-width: 100%;
  /*margin-left: 10px;*/
}
.dashboard_wrap h3 samp img.request_img {
  width: 18px;
  height: 18px;
}
.dashboard_wrap h3.blue samp {
  border-color: #56A3A6;
}
.dashboard_wrap h3.blue span:after {
  background: #56A3A6;
}
.dashboard_wrap h3.orange samp {
  border-color: #FFB400;
}
.dashboard_wrap h3.orange span:after {
  background: #FFB400;
}
.dashboard_wrap h3.grey samp {
  border-color: #A6C8D3;
}
.dashboard_wrap h3.grey span:after {
  background: #A6C8D3;
}
.dashboard_wrap ul.dasboard_slide_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block {
  line-height: 46px;
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .left {
  background: #333333;
  padding-left: 15px;
  padding-right: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .left a {
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .right {
  background: transparent;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: right;
  width: 25%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .right.blue {
  background: #56A3A6;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .right.orange {
  background: #FFB400;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .right.grey {
  background: #A6C8D3;
}
.dashboard_wrap ul.dasboard_slide_list li .list_block .right.forest_green {
  background: #566246;
}
.dashboard_wrap .dashboard_search_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.dashboard_wrap .dashboard_search_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50%;
}
.dashboard_wrap .dashboard_search_list li {
  font-weight: 600;
}
.dashboard_wrap .dashboard_search_list li h6 {
  font-weight: 700;
  margin: 0 0 6px 0;
}

.dashborad_section {
  background: #EBEBEB;
}

.dashborad_section_bot {
  border-top: 1px solid #D7D7D7;
  padding-top: 64px;
  margin-top: 30px;
}

.customer_searcch_wrap {
  text-align: center;
}
.customer_searcch_wrap .customer_searcch_cell {
  margin: 0 auto;
}

.search_profile_toparea {
  /*padding-bottom: 40px;*/
  margin-bottom: 20px;
}

.filter_btn_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.filter_btn_list li {
  padding-right: 15px;
}

.search_list_section {
  background: #fff;
  position: relative;
  /*border-top:1px solid #d7d7d7;*/
}
.search_list_section .searchlist_repeat_block {
  /*        cursor: pointer;*/
}
.search_list_section .searchlist_repeat_block.reapeat_setting {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  position: relative;
}
.search_list_section .searchlist_repeat_block .container {
  cursor: pointer;
  border-bottom: 1px solid #d7d7d7;
  padding: 50px 0 50px 0;
  min-height: 310px;
}
.search_list_section .searchlist_repeat_block .searchlist_repeat_block_inner.btn_full_profile {
  cursor: pointer;
}
.search_list_section .searchlist_repeat_block .searchlist_repeat_block_inner:hover {
  background: #EBEBEB;
}
.search_list_section .searchlist_repeat_block .searchlist_repeat_block_inner:hover .indication_list li.transparent span {
  border-color: #ddd;
}

.searchlist_repeat_block {
  padding: 50px 0 50px 0;
  border-bottom: 1px solid #d7d7d7;
  /*    .summerystyle {
          div {
              font-size: 16px;
              color: #333333;
              line-height: 22px;
              font-weight: 300;
              margin: 0;
              font-family: 'Open Sans';
          }
      }*/
}
.searchlist_repeat_block h6 {
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.searchlist_repeat_block .list_user_main_area {
  position: relative;
  height: auto;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.searchlist_repeat_block .list_user_main_area .list_user_top_area {
  min-height: 87%;
  max-height: 87%;
}
.searchlist_repeat_block .list_user_main_area .list_user_top_area h4 {
  margin-bottom: 10px;
}
.searchlist_repeat_block .list_user_main_area .list_user_top_area h4 strong {
  /*color: $dark-blue;*/
}
.searchlist_repeat_block .search_selection_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .searchlist_repeat_block .search_selection_list {
    margin-bottom: 15px;
  }
}
.searchlist_repeat_block .search_selection_list li {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.searchlist_repeat_block p {
  margin-bottom: 0px;
  margin-top: 0px;
}
.searchlist_repeat_block p a {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 12px;
}

.pin_icon img {
  width: 17px;
  cursor: pointer;
}

.list_user_bottom_area {
  position: static;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding-bottom: 7px;
  height: 13%;
}
.list_user_bottom_area ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.list_user_bottom_area ul li {
  padding-right: 20px;
}
.list_user_bottom_area ul li a {
  font-size: 12px;
  font-weight: 600;
}

.print_cv_wrap {
  padding-bottom: 40px;
}
.print_cv_wrap .detail_list_user_bottom_area {
  position: static;
  margin-bottom: 3px;
  padding-bottom: 5px;
}
.print_cv_wrap .detail_list_user_bottom_area:last-child {
  border-bottom: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.print_cv_wrap .detail_list_user_bottom_area ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.print_cv_wrap .detail_list_user_bottom_area ul li {
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 5px;
  margin-bottom: 5px;
  justify-content: space-between;
  display: flex;
}
.print_cv_wrap .detail_list_user_bottom_area ul li a {
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
}
.print_cv_wrap .detail_list_user_bottom_area ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.user_imag {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  object-fit: cover;
}

.indication_list {
  list-style: none;
  padding: 0;
  margin: 0 0 17px 0;
  display: flex;
}
.indication_list li {
  margin-right: 5px;
  width: 24px;
}
.indication_list li span {
  display: inline-block;
  height: 12px;
  width: 100%;
}
.indication_list li.green span {
  background: #3FB93F;
}
.indication_list li.red span {
  background: #FF606C;
}
.indication_list li.blue span {
  background: #56A3A6;
}
.indication_list li.transparent span {
  background: transparent;
  border: 1px solid #EBEBEB;
}

.detail_img_wrap {
  margin-bottom: 25px;
}

.top_basic_detail .detail_arrow {
  margin-bottom: 25px;
}
.top_basic_detail .detail_arrow:last-child {
  margin-bottom: 0;
}
.top_basic_detail h4 {
  color: #56A3A6;
}
.top_basic_detail ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.top_basic_detail ul li {
  font-size: 16px;
  color: #333;
  font-weight: 700;
}

.right_detail_wrap > div {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.right_detail_wrap > div:last-child {
  border-bottom: 0;
}

.detail_note {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
  margin: 0;
}
.detail_note a {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 12px;
  cursor: pointer;
}

.advance_search_wrap {
  display: none;
}

.advance_filter_wrap {
  display: none;
}

.moresummery {
  display: none;
}

.modal-backdrop {
  pointer-events: none;
}

.input_display_value {
  display: block;
  font-weight: 600;
  font-size: 12px;
  padding-top: 2px;
}

.datepicker_custom {
  position: relative;
}

.datepicker_toggle {
  display: none;
  /*display: block;*/
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  background: #fff;
}
.datepicker_toggle ul {
  list-style: none;
  padding: 10px 0 0px 0;
  margin: 0 7px 10px 7px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #D7D7D7;
}
.datepicker_toggle ul li {
  padding-left: 7px;
  padding-right: 10px;
}
.datepicker_toggle ul li label {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.datepicker_toggle ul li input {
  margin-right: 5px;
  width: 15px;
  height: 15px;
}

.ui-datepicker th {
  font-size: 12px;
}
.ui-datepicker.ui-widget.ui-widget-content {
  border: 0;
  border-radius: 0;
}
.ui-datepicker .ui-widget-header {
  background: transparent;
  border: 0;
}
.ui-datepicker.ui-datepicker td span, .ui-datepicker.ui-datepicker td a {
  text-align: center;
  font-size: 12px;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker html .ui-button.ui-state-disabled:active {
  border: 0;
  background: transparent;
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background: url(../../images/right.png) no-repeat center center;
  width: 11px;
  height: 19px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background: url(../../images/left.png) no-repeat center center;
  width: 11px;
  height: 19px;
}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-button:hover, .ui-datepicker .ui-button:focus {
  background: transparent;
  border: 0;
  color: #56A3A6;
}
.ui-datepicker.ui-datepicker .ui-datepicker-next-hover {
  right: 0px;
  top: 0px;
}
.ui-datepicker.ui-datepicker .ui-datepicker-prev-hover {
  left: 0px;
  top: 0px;
}
.ui-datepicker .ui-datepicker-prev {
  top: 0;
  left: 0;
}
.ui-datepicker a.ui-corner-all {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  top: 0;
  right: 0;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover {
  color: #56A3A6;
  font-weight: 600;
  background: #56A3A6;
  color: #fff;
  border-radius: 50%;
}

.hide_text {
  display: none;
}

/* Slide Area */
/*body {
    overflow: hidden;
}*/
.add_new_value {
  margin-bottom: 17px;
}

.show_scroll {
  overflow: scroll;
}

.slidemainbg {
  display: none;
}

/* Slide Area */
.ui-dialog {
  font-family: "Open Sans";
  /*    font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      color: #333333;
      margin: 0 0 22px 0;*/
}
.ui-dialog.ui-widget-content {
  border: 0;
  padding: 30px;
  max-width: 700px;
}
.ui-dialog.ui-widget-content[aria-describedby=interview_request] {
  max-width: 550px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  border: 0;
  background: transparent;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 22px 0;
  /*        .ui-dialog-titlebar-close {
              display: none;
          }*/
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 10px 0 30px;
  background: none;
  overflow: auto;
  overflow-x: hidden;
  border: 0;
  font-size: 16px;
  font-weight: 300;
}
.ui-dialog .ui-dialog-buttonpane {
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
  font-family: "Open Sans";
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  display: inline-block;
  background: #56A3A6;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  /*min-width: 90px;*/
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 40px;
  height: 40px;
  min-width: 65px;
  border: 0;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:focus {
  outline: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button.cancel-dialog {
  background: transparent;
  color: #56A3A6;
}
.ui-dialog .ui-dialog-buttonpane .ui-button.terminate_link {
  background: transparent;
  color: #ff606c;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  background: none;
  border: 0;
  padding: 0;
  width: auto;
  height: auto;
}

.ui-button-icon.ui-icon.ui-icon-closethick {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  color: #AAAAAA;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  text-indent: 0;
  width: auto;
  height: auto;
  margin-top: -20px;
}
.ui-button-icon.ui-icon.ui-icon-closethick:after {
  content: "close";
}

.auto_complete_with_grey {
  background: #EBEBEB;
}
.auto_complete_with_grey.ui-widget-content {
  border: 1px solid #EBEBEB;
}
.auto_complete_with_grey .ui-menu-item .ui-menu-item-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}
.auto_complete_with_grey .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: transparent;
  color: #56A3A6;
  border: 0;
  margin: 0;
}

.modal_cross {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  font-weight: normal;
  color: #AAAAAA;
}
.modal_cross i {
  font-size: 20px;
}

.right_side_form select {
  width: 100%;
  height: 40px;
}
.right_side_form .select2-container {
  display: block;
}
.right_side_form .select2-container .select2-selection__rendered {
  padding-left: 35px;
}
.right_side_form .no_left_pad_drop .select2-container .select2-selection__rendered {
  padding-left: 10px;
}

.link_row span.link a {
  font-size: 16px;
  font-weight: 700;
  color: #56A3A6;
}
.link_row span.btn_wrap {
  margin-right: 5px;
}

.search_animaton_wrap {
  position: absolute;
  top: 0;
  left: -100%;
  width: 1204px;
  background: #fff;
  height: 100%;
  z-index: 1;
}
.search_animaton_wrap.addanimation {
  transition: all 3s;
  left: 100%;
}

.loader_search_wrap {
  display: blcok;
  padding-top: 15px;
  padding-bottom: 15px;
}

.loader {
  border: 3px solid #EBEBEB;
  border-radius: 50%;
  border-top: 3px solid #56A3A6;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Responsive Style */
.bootgrid-footer.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.bootgrid-footer .pagination, .bootgrid-header .pagination {
  margin: 0 !important;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #999;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #56A3A6;
  border-color: #56A3A6;
  cursor: default;
}

.calendar_inline_width {
  width: 100%;
}

.image_cropper_wrapper {
  display: flex;
  flex-wrap: wrap;
}
.image_cropper_wrapper h6 {
  margin-bottom: 0;
  font-weight: 600;
}

.image_crop_right_area {
  width: calc(100% - 350px);
  padding-left: 20px;
  padding-top: 20px;
}
.image_crop_right_area > h6 {
  margin-bottom: 15px;
}

.cropme-slider {
  width: 100% !important;
  transform: inherit !important;
  transform-origin: initial !important;
  margin-top: 0 !important;
  text-align: left;
}
.cropme-slider input {
  width: 100% !important;
}

.cropme-rotation-slider {
  text-align: left;
}
.cropme-rotation-slider input {
  width: 100% !important;
}

.text_button_area .popup_upload_list {
  display: block;
  margin-top: 73px;
}

.image_crop_right_area .text_button_area {
  padding-bottom: 0;
}

.text_button_area .popup_upload_list li {
  display: block;
  margin-bottom: 12px;
}
.text_button_area .popup_upload_list li:last-child {
  margin-bottom: 0;
}

.text_button_area .popup_upload_list a {
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
}

.text_button_area .popup_upload_list .btn_wrap {
  text-align: left;
}

.zoom_slider {
  margin-bottom: 15px;
}

.popup_upload_btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.popup_upload_btn input[type=file] {
  line-height: 22px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

.remove_hover_profile_search {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: calc(50% - 585px);
  background: #fff;
  display: none;
}

.btn_open_slide_generic {
  cursor: pointer;
}

.custom_pagination {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #333333;
}
.custom_pagination a {
  color: #333333;
}
.custom_pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.custom_pagination ul li {
  padding-left: 5px;
  padding-right: 5px;
}
.custom_pagination ul li i {
  font-size: 20px;
  line-height: 30px;
}
.custom_pagination ul li.left_arrow {
  padding-right: 10px;
}
.custom_pagination ul li.right_arrow {
  padding-left: 10px;
}
.custom_pagination ul li.input_field_li {
  padding-right: 0;
}
.custom_pagination ul li.input_field_li input {
  border: 1px solid #D7D7D7;
  width: 22px;
  height: 22px;
  text-align: center;
  background: #EBEBEB;
}
.custom_pagination ul li.input_field_li input:focus {
  outline: 0;
}
.custom_pagination ul li.page_total_count em {
  font-style: normal;
}

.search_cross {
  display: none;
  position: absolute !important;
  right: 6px !important;
  top: 12px !important;
  left: auto !important;
  font-size: 16px !important;
  cursor: pointer;
}

.select_cross {
  display: none;
  position: absolute !important;
  right: 6px !important;
  top: 12px !important;
  left: auto !important;
  font-size: 16px !important;
  cursor: pointer;
}

.searchfilter_hozontal_outer {
  border-top: 1px solid #d7d7d7;
  /*border-bottom: 1px solid #d7d7d7;*/
  padding-top: 10px;
  padding-bottom: 10px;
}
.searchfilter_hozontal_outer .search_reqeust_no {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #56A3A6;
  margin: 0 0 11px 0;
  display: block;
  cursor: pointer;
}

.searchfilter_hozontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: none;
}

.filter_apply_horzon_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  height: 20px;
  overflow: hidden;
  width: calc(100% - 107px);
}
.filter_apply_horzon_list.auto_height {
  -webkit-transition: all 7s;
  transition: all 7s;
  height: auto;
  overflow: auto;
}
.filter_apply_horzon_list li {
  display: block;
  align-items: center;
  font-weight: 500;
  padding-left: 10px;
  cursor: pointer;
}
.filter_apply_horzon_list li i {
  font-size: 10px;
  font-weight: bold;
  color: #aaa;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.filter_apply_horzon_list li span {
  color: #333;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
}

.searchfilter_hozontal_left {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.searchfilter_hozontal_left h3 {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 20px;
  text-transform: uppercase;
}

.searchfilter_hozontal_right {
  color: #56A3A6;
  font-weight: 600;
}
.searchfilter_hozontal_right span {
  cursor: pointer;
}

.setting_block .me_phone_num {
  padding-left: 80px !important;
}

.phone_inp {
  padding-left: 80px !important;
  padding-top: 0 !important;
}

.iti {
  width: 100%;
}

.iti__selected-flag {
  outline: none;
}

.manage_block .mng_user {
  padding-left: 80px !important;
}

.search_custom_sticky {
  border-bottom: 1px solid #d7d7d7;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

.slide_general_nav_style {
  padding-left: 20px;
  list-style-position: outside;
}
.slide_general_nav_style li {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
  padding-bottom: 10px;
}
.slide_general_nav_style ul {
  padding-left: 20px;
  list-style-position: outside;
}
.slide_general_nav_style ul li {
  padding-top: 10px;
}

.mobile_page_wrapper {
  max-width: 300px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  border: 1px solid #D7D7D7;
  border-radius: 0;
}
.ui-datepicker select.ui-datepicker-month:focus, .ui-datepicker select.ui-datepicker-year:focus {
  outline: none;
}

.links_list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}
.links_list li {
  font-size: 16px;
}

.terms_wrap {
  /*  position: fixed;
      width:100%;
      overflow: auto;*/
}

.arrow_parent {
  height: 40px;
  position: sticky;
  /*position: static;*/
  width: 40px;
  top: calc(100% - 50px);
  margin-left: calc(100% - 50px);
  background: rgb(33, 134, 196);
  text-align: center;
  z-index: 99;
  display: block;
}
.arrow_parent .uparrow_on_slide:after {
  position: absolute;
  width: 20px;
  height: 10px;
  display: inline-block;
  top: 0;
  left: 0;
  display: block;
  content: "";
  z-index: 2;
  /*background: orange;*/
  border: 20px solid #56A3A6;
}
.arrow_parent .uparrow_on_slide {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid red;
  /*        position: absolute;
          bottom: 0;
          right: 0;
          display: inline-block;
          width: 20px;
          height: 20px;
          background: red;
          z-index: 7;*/
}
.arrow_parent .uparrow_on_slide i {
  line-height: 40px;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}

.no_result_div {
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
}
.no_result_div h4 {
  margin: 0 0 3px 0;
}
.no_result_div ul {
  list-style: none;
  padding: 0 0 20px 0;
  margin: 0;
  font-size: 16px;
}

.terms_wrap .col-xl-12 {
  position: static;
}

.zindex8 {
  z-index: 8;
}

.view_request_link {
  /*    display: flex;
      height: calc(100% - 13px);
      align-items: center;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;*/
  display: flex;
  height: 100%;
  font-size: 13px;
  padding-bottom: 7px;
  font-weight: 500;
  cursor: pointer;
  align-items: flex-end;
}

.view_profile_link {
  display: flex;
  height: auto;
  font-size: 13px;
  padding-top: 7px;
  font-weight: 500;
  cursor: pointer;
  align-items: flex-end;
  border-top: 1px solid #d7d7d7;
  max-width: 70%;
}

.list_available_time {
  display: block;
  margin-top: 40px;
  font-weight: 600;
}

body.page_wraper_404 {
  height: 100vh;
}
body.page_wraper_404 .hide_on_load {
  opacity: 1;
  background: url(../frontend/images/header_bg.png) no-repeat left bottom;
  /*background: transparent;*/
  background-size: 100% 100%;
  transition: all 1s;
  position: static;
  height: 110px;
}

table.grid-data i,
table#grid-data i {
  display: none;
}

table#grid-data-consultant i {
  display: none;
}

.tools_slide_block_border {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 19px;
}

.page_error_wrap {
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  width: 43%;
  margin: 0 auto;
  padding-top: 100px;
}
.page_error_wrap .page_error_left {
  width: 20%;
  padding-right: 30px;
}
.page_error_wrap .page_error_right {
  width: 80%;
}
.page_error_wrap p {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
}
.page_error_wrap p span {
  color: #aacc00 !important;
}
.page_error_wrap .dashborad_link {
  font-size: 12px;
  font-weight: 400;
}
.page_error_wrap .dashborad_link a {
  color: #aacc00 !important;
}

.mce-tinymce.mce-container {
  background: #ebebeb !important;
  border: 1px solid #d7d7d7 !important;
}

.mce-panel {
  background: transparent !important;
  border: 0 !important;
}

.mce-btn {
  background: transparent !important;
}

.mce-flow-layout {
  text-align: right !important;
}

.link_with_text {
  margin-top: 20px;
  font-size: 12px;
}
.link_with_text.see_time_histry_link {
  margin-top: 30px;
}
.link_with_text a {
  text-decoration: underline;
  font-weight: 500;
}
.link_with_text a:hover {
  text-decoration: none;
}

.txt_area_right_slide {
  min-height: 118px !important;
}

.slide_gen_content_wrap {
  margin-top: 35px;
}

.remark_wrap .slide_gen_content h4 .date_space {
  display: inline-block;
  padding-left: 5px;
  padding-rightdata-column-id: 5px;
}
.remark_wrap .slide_gen_content p {
  font-size: 13px;
}

.slide_gen_content {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 20px;
}
.slide_gen_content h4 {
  margin-bottom: 0;
  font-size: 15px;
}
.slide_gen_content:last-child {
  border-bottom: 0;
}

.request_row_count_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.request_row_count_block .req_count {
  width: 25px;
  color: #333333;
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
}
.request_row_count_block .input_field_row {
  width: calc(100% - 25px);
}

.custom_cross {
  color: #ddd;
  position: absolute;
  right: 25px;
  top: 25px;
}

.checkbox_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.request_warn_wrap textarea {
  height: 90px;
}

.request_popup {
  /*padding-right: 17%;*/
}

.request_popup .heading_description {
  padding-right: 17%;
}

.comunication_wrap h6 {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.comunication_wrap .comunicatin_histry, .comunication_wrap .comunicatin_evaluation {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #D7D7D7;
}
.comunication_wrap .comunicatin_evaluation {
  margin-top: 40px;
}
.comunication_wrap ul.comnicatin_check_list {
  list-style: none;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #D7D7D7;
}
.comunication_wrap ul.comnicatin_check_list li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.comunication_wrap ul.comnicatin_check_list li .check_box_custom_style {
  margin: 0;
}
.comunication_wrap ul.comnicatin_check_list li span.label {
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  font-weight: 300;
  padding-left: 8px;
  margin: 0;
}
.comunication_wrap ul.com_links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.comunication_wrap ul.com_links li {
  margin-bottom: 5px;
}
.comunication_wrap ul.com_links li:last-child {
  margin-bottom: 0;
}
.comunication_wrap ul.com_links li a {
  color: #56A3A6;
  font-size: 16px;
  font-weight: 700;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 20px;
}

.event_disable {
  pointer-events: none;
  opacity: 0.7;
}

.opt_select2_witch_checks .select2-selection__rendered {
  display: none;
}

.req-field {
  position: absolute;
  color: rgba(51, 51, 51, 0.7);
  right: 10px;
  top: 5px;
}

.req-field + label + input {
  padding-right: 10px;
}

.evaluation_blade {
  width: 100%;
  /*height: 100%;*/
  padding-top: 20px;
  /*        background: #EBEBEB;
          padding-top:20px;*/
}
.evaluation_blade .mobile_evulation_wrapper {
  /*background: #fff;*/
  /*            padding: 20px;*/
  max-width: 100%;
}
.evaluation_blade .mobile_evulation_wrapper .slider_rep_block {
  margin-bottom: 70px;
}
.evaluation_blade .mobile_evulation_wrapper .logo {
  display: inline-block;
  margin-bottom: 20px;
}
.evaluation_blade .mobile_evulation_wrapper p {
  font-size: 13px;
}
.evaluation_blade .mobile_evulation_wrapper p strong {
  font-weight: 700;
}
.evaluation_blade .mobile_evulation_wrapper .custom_slider {
  max-width: 85%;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  #terminate_popup {
    padding-right: 13%;
  }
  .request_popup {
    padding-right: 7%;
  }
  .page_error_wrap {
    width: 50%;
  }
  .login_area_wrap .form_inner_wrap {
    padding-right: 0;
  }
  .profile_pic_upload {
    width: 210px;
    height: 210px;
  }
  .right_side_bar_wrap {
    max-width: 960px;
  }
  .user_imag {
    width: 100%;
    height: auto;
  }
  .list_user_bottom_area ul li {
    padding-right: 18px;
  }
}
@media (max-width: 991px) {
  #terminate_popup {
    padding-right: 0;
  }
  .page_error_wrap {
    width: 67%;
  }
  .basic_info_field_row > div:nth-child(3n+1) {
    order: 1;
  }
  .basic_info_field_row > div:nth-child(3n-1) {
    order: 2;
  }
  .basic_info_field_row > div:nth-child(3n) {
    order: 3;
  }
  .ui-dialog.ui-widget-content {
    width: 60% !important;
  }
  .right_table_wrap.dash_table {
    max-width: 100%;
  }
  .pinned_right_align {
    justify-content: flex-end;
  }
  .profile_pic_upload {
    width: 150px;
    height: 150px;
  }
  .right_side_bar_wrap {
    max-width: 720px;
    right: 0;
  }
  .right_slide_bg {
    left: 0;
  }
  .right_table_outer_wrap {
    overflow: auto;
  }
  .right_table_outer_wrap table {
    width: 690px;
  }
  .right_table_wrap table tr th.th_status {
    width: auto;
  }
  .advance_search_wrap > div > div {
    margin-bottom: 10px;
  }
  .list_user_bottom_area {
    position: static;
    padding-top: 7px;
    height: 20%;
  }
  .list_available_time {
    margin-top: 20px;
  }
  .searchlist_repeat_block .list_user_main_area .list_user_top_area {
    min-height: 80%;
    max-height: 80%;
  }
  .searchlist_repeat_block > div > div > div:nth-child(3),
  .searchlist_repeat_block > div > div > div:nth-child(4) {
    margin-top: 30px;
  }
  .user_search_profile_info {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .page_error_wrap {
    width: 93%;
  }
  .basic_info_container, .basic_edu_container, .additional_private_section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ui-dialog.ui-widget-content {
    width: 60% !important;
  }
  .ui-dialog.ui-widget-content[aria-describedby=interview_request] {
    width: 80% !important;
  }
  .consultancy_dashbord {
    width: 100%;
    overflow: auto;
  }
  .consultancy_dashbord table {
    width: 607px;
  }
  .filter_apply_horzon_list {
    width: 100%;
  }
  .searchfilter_hozontal_left {
    width: 100%;
  }
  .filter_apply_horzon_list li {
    padding-left: 0;
    padding-right: 10px;
  }
  .search_custom_sticky {
    position: static;
  }
  .dashboard_wrap ul.dasboard_slide_list li .list_block .left {
    font-size: 14px;
  }
  .dashboard_wrap ul.dasboard_slide_list li .list_block .right {
    font-size: 20px;
  }
  .company_right_col {
    order: 1;
  }
  .company_left_col {
    order: 2;
  }
  .get_data_wrap {
    margin-bottom: 15px;
  }
  .logo img {
    width: 100%;
  }
  .runtime_text {
    font-size: 14px;
  }
  .profile_pic_upload {
    margin: 0 auto 20px;
  }
  .basic_info_field_wrap .basic_info_field_row > div {
    margin-bottom: 13px;
  }
  .basic_info_field_wrap .basic_info_field_row > div.empty_cell {
    display: none;
  }
  .navigation ul li {
    padding-right: 17px;
  }
  .navigation ul li:last-child {
    padding-right: 0;
  }
  .right_side_bar_wrap {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .request_popup .heading_description {
    padding-right: 0;
  }
  .page_error_wrap {
    width: 100%;
  }
  .page_error_wrap .page_error_left {
    width: 100px;
  }
  .page_error_wrap .page_error_right {
    width: calc(100% - 100px);
  }
  .page_error_wrap .page_error_right p {
    font-size: 24px;
    line-height: 30px;
  }
  .cropme-wrapper {
    width: 270px;
    height: 270px;
  }
  .cropme-wrapper .cropme-container {
    width: 270px !important;
    height: 270px !important;
  }
  .cropme-wrapper .cropme-container .viewport.circle {
    width: 270px !important;
    height: 270px !important;
  }
  .image_crop_right_area {
    width: 270px;
    padding-left: 0;
  }
  .ui-dialog.ui-widget-content {
    width: 80% !important;
  }
  .detail_img_wrap img {
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }
  .profile_search_matches {
    margin-top: 15px;
  }
  .dashboard_wrap .dashboard_row_space .col-12 {
    max-width: 300px;
    /*        margin-left: auto;
            margin-right: auto;*/
  }
  .dashboard_wrap .dashboard_row_space.dash_table .col-12 {
    max-width: 100%;
    /*        margin-left: auto;
            margin-right: auto;*/
  }
  .mobile_top {
    position: absolute;
    left: 0;
    top: 40px;
    /*transform: translateX(-50%);*/
    width: auto;
  }
  .navigation ul {
    justify-content: flex-end;
  }
  .logo {
    line-height: 24px;
  }
  .logo img {
    width: 100%;
    max-width: 127px;
  }
  .right_side_bar_wrap {
    max-width: 100vw;
    width: 100vw;
    right: 0;
  }
  .right_slide_bg {
    left: 0;
  }
  .search_profile_toparea .basic_info_field_wrap {
    margin-bottom: 15px;
  }
  .searchlist_repeat_block > div > div > div:nth-child(1) {
    padding-right: 0;
  }
  .user_detail_list .user_imag {
    max-width: 250px;
    max-height: 250px;
    display: block;
    margin: 0 auto;
  }
  .print_cv_wrap {
    padding-bottom: 0;
  }
  .contact_btn {
    margin-bottom: 20px;
  }
  .searchlist_repeat_block_inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .list_user_bottom_area ul li {
    padding-right: 15px;
  }
  .dashboard_header {
    padding-top: 20px;
  }
}
/* Responsive Style */
/*.slide_button {
    position: absolute;
    left: 0;
    top:0;
    z-index: 9999;
}*/
.assignment {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  pointer-events: none;
}
.assignment .container {
  position: relative;
  height: 100%;
}
.assignment .container span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid red;
}

/*.profile_section {
    position: relative;
    z-index: 9999999;
}*/
/*    input {
        &[type="checkbox"] {
            opacity: 0;
            position: relative;
            z-index: 1;
            margin-right: 3px;
            &:checked {
                & + strong {
                    &:after {
                        content: "\2713";
                        font-size: 16px;
                        position: absolute;
                        top: -3px;
                        left: 2px;
                        color: #fb8501;
                        line-height: 1.1;
                    }
                }
            }
        }
    }
    strong {
        position: absolute;
        width: 17px;
        display: inline-block;
        top: 3px;
        left: 0;
        &:before {
            content: '';
            position: absolute;
            border-radius: 3px;
            border: 2px solid #bdbbbb;
            top: 0;
            left: 0;
            z-index: 0;
            width: 14px;
            height: 14px;
            line-height: 1;
        }



    }*/
.radio_button_wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.radio_button_wrap input {
  opacity: 0;
  position: relative;
  z-index: 1;
  height: 17px;
  width: 17px;
}
.radio_button_wrap input:checked + strong:before {
  background-color: #56A3A6;
  border: 2px solid #fff;
  padding: 0;
  display: inline-block;
}
.radio_button_wrap input + strong {
  border: 2px solid #aaa;
  border-radius: 50%;
  position: absolute;
  color: rgba(0, 0, 0, 0.4);
  left: 0;
  z-index: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
}
.radio_button_wrap input + strong:before {
  content: "";
  position: absolute;
  border: 5px solid #fff;
  padding: 0;
  border-radius: 50%;
  /*-webkit-box-shadow: 0 0 0 2px #AAAAAA;
  -moz-box-shadow: 0 0 0 2px #AAAAAA;
  box-shadow: 0 0 0 2px #AAAAAA;*/
  top: 0;
  left: 0;
  z-index: 0;
  line-height: 1;
  width: 13px;
  height: 13px;
}

.terms_wrapper {
  padding-right: 30px;
}

.bootgrid_table .btn-score {
  font-weight: bold;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.bootgrid_table .btn-score[aria-describedby] {
  color: #56A3A6;
}
.bootgrid_table .btn-score[aria-describedby]:after {
  opacity: 1;
}
.bootgrid_table .btn-score:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0 0 1px 10px;
  transition: opacity 0.25s linear;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #81cef9 transparent transparent transparent;
}
.bootgrid_table .btn-score:hover {
  color: #56A3A6;
}

.ui-tooltip.ui-widget-content {
  background: #81cef9;
  border: 0;
  width: 250px;
  box-shadow: none;
  border-radius: 0;
  font-family: "Open Sans";
}

.form-message {
  margin-bottom: 30px;
}

.btn-group-wrap {
  margin: -10px;
  padding-bottom: 30px;
}
.btn-group-wrap:last-child {
  padding-bottom: 0;
}
.btn-group-wrap .btn-link {
  font-weight: 700;
}
.btn-group-wrap .btn-link,
.btn-group-wrap .btn {
  margin: 10px;
}

a {
  cursor: pointer;
}

input[type=number] {
  -moz-appearance: textfield;
}

.right_slide_main {
  font-weight: 300;
}
.right_slide_main > .container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.basic_info_field_wrap .lable {
  font-size: 12px;
  line-height: 1.375;
}

.intro-section {
  width: 100%;
  min-width: 320px;
  position: relative;
}
.intro-section .banner_img {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}
.intro-section .banner_img img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 100vh;
}
.intro-section .banner_img .darklayer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  top: 0;
  left: 0;
}
.intro-section .intro-caption {
  min-height: 100vh;
  display: flex;
  align-items: center;
  z-index: 3;
  position: relative;
  font-size: 20px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .intro-section .intro-caption {
    min-height: 100vh;
    align-items: flex-end;
  }
}
.intro-section .intro-caption:after {
  min-height: inherit;
  content: "";
}
.intro-section .intro-caption h1 {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .intro-section .intro-caption h1 {
    margin-bottom: 24px;
  }
}
.intro-section .intro-caption p {
  margin-bottom: 27px;
}
.intro-section .intro-caption p:last-child {
  margin-bottom: 0;
}
.intro-section .intro-caption .container {
  width: 100%;
}
.intro-section .intro-caption .align {
  padding-bottom: 110px;
  padding-top: 110px;
}
@media (min-width: 768px) {
  .intro-section .intro-caption .align {
    max-width: 492px;
    padding-bottom: 146px;
    padding-top: 110px;
  }
}
.intro-section .banner_content {
  position: absolute;
  left: 0;
  /*padding-left: 85px;*/
  top: 57%;
  width: 100%;
  height: 43%;
  z-index: 3;
}
.intro-section .banner_content .custom_container {
  padding-left: 70px;
  padding-right: 70px;
}
.features-section {
  padding-top: 73px;
  padding-bottom: 50px;
  background: #E9EBEC;
}
@media (min-width: 992px) {
  .features-section {
    padding-bottom: 78px;
  }
}

.features-slider {
  padding-bottom: 90px;
}
@media (min-width: 992px) {
  .features-slider {
    padding-bottom: 0;
  }
}
.features-slider h2 {
  margin-bottom: 24px;
}
.features-slider .slick-track {
  display: flex !important;
}
.features-slider .slick-arrow {
  width: 40px;
  height: 40px;
  background: #56A3A6;
  color: #fff;
  font-size: 14px;
  outline: none;
  display: flex;
  border: 0;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin: 0 0 0 -30px;
  z-index: 2;
  cursor: pointer;
  transition: all 0.25s linear;
}
@media (min-width: 992px) {
  .features-slider .slick-arrow {
    margin: -50px 0 0 0;
    left: 88px;
    transform: none;
    top: 100%;
    bottom: auto;
  }
}
@media (min-width: 1200px) {
  .features-slider .slick-arrow {
    margin-top: -60px;
  }
}
.features-slider .slick-arrow.slick-next {
  margin: 0 0 0 30px;
}
@media (min-width: 992px) {
  .features-slider .slick-arrow.slick-next {
    left: 223px;
    margin: -50px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .features-slider .slick-arrow.slick-next {
    margin: -60px 0 0 0;
    left: 223px;
  }
}
.features-slider .slick-arrow:hover {
  background: #A6C8D3;
}
.features-slider .slider-link {
  color: #ffb400;
}
@media (min-width: 992px) {
  .features-slider .slide-text {
    padding-top: 38px;
    padding-bottom: 70px;
  }
}
.features-slider .slide {
  overflow: hidden;
}
.features-slider .slide .slide-image {
  text-align: center;
}
@media (max-width: 991.98px) {
  .features-slider .slide .slide-image {
    order: -1;
    margin-bottom: 40px;
  }
}
.features-slider .slide img {
  display: inline-block;
}
.features-slider .slide:focus,
.features-slider .slick-track:focus {
  outline: none !important;
}

.custom-select-wrap {
  position: relative;
  text-align: left;
}
.custom-select-wrap .select2-container--default .select2-selection--single {
  padding-top: 0;
  height: 39px;
  background: #fff;
  border: 1px solid #aaa;
}
.custom-select-wrap .select2-container--default .select2-selection--single:before {
  content: "\e907";
  font-family: "icomoon";
  position: absolute;
  right: 9px;
  font-size: 23px;
  line-height: 1;
  color: #aaa;
  top: 50%;
  margin-top: -1px;
  transform: translateY(-50%);
  pointer-events: none;
}
.custom-select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 1.3125;
  padding: 8px 27px 8px 10px;
}

.select2-dropdown.pkeg {
  background: #fff;
  border: 1px solid #aaa;
}
.select2-dropdown.pkeg .select2-results__option {
  color: #001f2d;
}
.select2-dropdown.pkeg .select2-results__option:hover {
  color: #56A3A6;
}
.select2-dropdown.pkeg .select2-results__option[aria-selected=true] {
  background: #A6C8D3;
  color: #fff;
}

.pricing-section {
  padding-top: 130px;
  padding-bottom: 66px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pricing-section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  min-height: 1640px;
  background: url(../images/bg-priceplan.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: -1;
}
@media (min-width: 992px) {
  .pricing-section:before {
    min-height: 1180px;
  }
}
.pricing-section h1 {
  margin-bottom: 26px;
}
.pricing-section .container {
  max-width: 350px;
}
@media (min-width: 768px) {
  .pricing-section .container {
    max-width: 700px;
  }
}

@media (min-width: 768px) {
  .pricing-columns {
    display: flex;
    justify-content: space-between;
  }
}
.pricing-columns .column {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pricing-columns .column {
    width: calc(50% - 15px);
    margin-bottom: 0;
  }
}
.pricing-columns .column:last-child {
  margin-bottom: 0;
}

.pricing-box {
  background: rgba(255, 255, 255, 0.9);
  color: #001f2d;
  border-bottom: 14px solid #56A3A6;
  padding: 0;
  text-align: center;
  font-weight: 400;
  margin-bottom: 20px;
}
.pricing-box:last-child {
  margin-bottom: 0;
}
.pricing-box.pro {
  border-color: #ffb400;
}
.pricing-box.pro .pricing-head {
  background: #ffb400;
}
.pricing-box .pricing-head {
  background: #56A3A6;
  text-align: center;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.pricing-box .pricing-head:after {
  content: "";
  min-height: inherit;
}
.pricing-box .pricing-head .title {
  font-size: 40px;
  line-height: 1;
}
.pricing-box .pricing-body {
  padding: 24px 30px;
}
.pricing-box .consultants {
  width: 230px;
  margin: 0 auto 21px;
}
.pricing-box .consultants .text {
  display: block;
  margin-bottom: 14px;
  text-align: left;
}
.pricing-box .custom-select-wrap {
  width: 124px;
  display: inline-block;
  vertical-align: top;
}
.pricing-box .accordion {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pricing-box .accordion {
    min-height: 172px;
  }
}
.pricing-box .accordion:last-child {
  margin-bottom: 0;
}
.pricing-box .accordion li {
  width: 100%;
  margin-bottom: 3px;
}
.pricing-box .accordion li:last-child {
  margin-bottom: 0;
}
.pricing-box .accordion .acc-opener {
  display: inline-block;
  vertical-align: top;
  min-width: 230px;
  font-weight: 400;
  position: relative;
  color: #001f2d;
  text-align: left;
}
.pricing-box .accordion .acc-opener[aria-expanded=true] {
  color: #56A3A6;
}
.pricing-box .accordion .acc-opener:focus, .pricing-box .accordion .acc-opener:hover {
  color: #56A3A6;
}
.pricing-box .accordion .acc-opener:before {
  content: "+";
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  color: #56A3A6;
  font-weight: 400;
}
.pricing-box .accordion .collapse {
  width: 100%;
}
.pricing-box .accordion .collapse.show {
  display: block;
}
.pricing-box .accordion .acc-collapse-inner {
  text-align: left;
  padding-top: 8px;
  padding-bottom: 14px;
  font-weight: 300;
}
.pricing-box .price {
  display: inline-block;
  vertical-align: top;
  margin: 0 33px 16px 0;
}
.pricing-box .price .amout {
  display: block;
  font-weight: 700;
  font-size: 45px;
  line-height: 0.8888888889;
}
@media (min-width: 768px) {
  .pricing-box .price .amout {
    font-size: 50px;
    line-height: 0.9;
  }
}
.pricing-box .price .amout sup {
  color: #aaa;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  vertical-align: top;
  top: 11px;
  margin-right: 4px;
}
.pricing-box .price .use {
  color: #aaa;
  display: block;
  text-align: right;
  padding-right: 10px;
}

.modal-payment-notificatoin.pro .modal-payment-title {
  background: #ffb400;
}
.modal-payment-notificatoin.pro .modal-payment-content {
  border-color: #ffb400;
}
.modal-payment-notificatoin .modal-payment-box {
  padding-top: 61px;
  position: relative;
}
.modal-payment-notificatoin .modal-dialog {
  max-width: 370px;
}
.modal-payment-notificatoin .modal-payment-content {
  border-bottom: 14px solid #56A3A6;
  padding: 48px 70px 136px;
}
.modal-payment-notificatoin p {
  margin-bottom: 22px;
}
.modal-payment-notificatoin p:last-child {
  margin-bottom: 0;
}
.modal-payment-notificatoin .close-modal {
  color: #A9A9A9;
  position: absolute;
  left: 27px;
  top: 27px;
  font-size: 12px;
  z-index: 2;
  cursor: pointer;
}
.modal-payment-notificatoin .close-modal:hover {
  color: #56A3A6;
}
.modal-payment-notificatoin .modal-payment-title {
  background: #56A3A6;
  text-align: center;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.modal-payment-notificatoin .modal-payment-title:after {
  content: "";
  min-height: inherit;
}
.modal-payment-notificatoin .modal-payment-title .title {
  font-size: 50px;
  line-height: 1;
}

.iti__flag-container {
  font-size: 12px;
}

.select2-results__options {
  font-size: 12px;
  line-height: 17px;
}

.custom-accordion {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}
.custom-accordion:last-child {
  margin-bottom: 0;
}
.custom-accordion li {
  margin-bottom: 15px;
}
.custom-accordion li:last-child {
  margin-bottom: 0;
}
.custom-accordion .acc-opener {
  display: block;
  position: relative;
  padding: 0 15px 0 0;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  color: #56A3A6;
  cursor: pointer;
}
.custom-accordion .acc-opener[aria-expanded=true]:before {
  transform: translateY(-50%) rotate(180deg);
}
.custom-accordion .acc-opener:hover {
  color: #A6C8D3;
}
.custom-accordion .acc-opener:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\e90b";
  font-family: "icomoon" !important;
  transition: all 0.25s linear;
}
.custom-accordion p {
  margin-bottom: 15px;
}
.custom-accordion p:last-child {
  margin-bottom: 0;
}

.select2-container:before {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: "\e90b";
  font-family: "icomoon" !important;
  color: #aaa;
  pointer-events: none;
}

.priceing_modal {
  background: rgba(0, 0, 0, 0.7);
}
.priceing_modal.modal {
  z-index: 9;
}
.priceing_modal .modal-body {
  padding-top: 30px;
}
.priceing_modal .close {
  position: absolute;
  right: 29px;
  left: auto;
}
.priceing_modal form {
  margin-bottom: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.priceing_modal .modal-dialog {
  max-width: 720px;
}
.priceing_modal .modal-dialog .close {
  position: absolute;
  right: 0;
  top: 30px;
  left: auto;
  box-shadow: none;
  color: #fff;
  opacity: 1;
}
.priceing_modal .payment_cal {
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  line-height: 1.3571428571;
  padding: 12px 6px;
  margin-bottom: 30px;
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0;
}
.priceing_modal .payment_cal .number {
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  margin-right: 6px;
}

.pricing_types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.pricing_types .pricing_type {
  max-width: 300px;
  background: #fff;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
}
.pricing_types .pricing_type .center-align {
  margin-top: 14px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5555555556;
}
.pricing_types h4 {
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2727272727;
}
.pricing_types .btn_wrap {
  text-align: left;
  margin-top: auto;
}
.pricing_types .model_card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-weight: 300;
}
.pricing_types .slide_button {
  margin-top: auto;
}
.pricing_types .pricing_type_head {
  padding-left: 30px;
  padding-right: 30px;
}
.pricing_types .form-control:focus {
  box-shadow: none;
}
.pricing_types .small_font {
  font-size: 13px;
  line-height: 1.3846153846;
  margin-bottom: 30px;
}

.check_plan_lst {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 30px;
}
.check_plan_lst li {
  padding: 0 10px;
}

.check_plan {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2857142857;
  position: relative;
}
.check_plan input {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  opacity: 0;
}
.check_plan input:checked + span:after {
  opacity: 1;
}
.check_plan span {
  padding-left: 20px;
}
.check_plan span:before {
  position: absolute;
  left: 0;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 14px;
  height: 14px;
}
.check_plan span:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border: solid #56A3A6;
  border-width: 0 2px 2px 0;
  width: 6px;
  margin-top: -1px;
  height: 8px;
  opacity: 0;
}

.login_page {
  background: #a6c8d3;
  min-height: 100vh;
}

.login_box {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  background: #fff;
  box-shadow: 8px 8px 21px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .login_box {
    padding: 45px;
  }
}
.login_box.signup_box {
  max-width: 680px;
}
.login_box .input_field_row .basic_info_field_wrap.greybg input, .login_box .input_field_row .basic_info_field_wrap.greybg select, .login_box .input_field_row .basic_info_field_wrap.greybg textarea {
  background: #e9e9e9;
}

.login_box_txt {
  max-width: 439px;
}

.signup_box .form-row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
.signup_box .form-row:last-child {
  margin-bottom: 0;
}
.signup_box .form-row .input_field_row {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .signup_box .form-row .input_field_row {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
}
.signup_box .form-row .input_field_row:last-child {
  margin-bottom: 0;
}

.select2 {
  font-weight: 600;
}

.select2-results__option {
  font-weight: 600;
}

.slider_rep_block {
  margin-bottom: 54px;
  font-weight: 600;
}

.double-label-slider.ui-slider {
  margin-top: 14px;
  height: 3px;
  background: #D7D7D7;
  border: none;
  margin-left: 9px;
  border-radius: 0;
}

.double-label-slider.ui-slider .ui-slider-handle {
  background: #56A3A6;
  border: none;
  width: 13px;
  height: 13px;
  margin-left: -9px;
  border-radius: 100%;
  transition: box-shadow 0.2s ease;
}

.double-label-slider.ui-slider .ui-slider-handle.ui-state-hover,
.double-label-slider.ui-slider .ui-slider-handle.ui-state-focus,
.double-label-slider.ui-slider .ui-slider-handle.ui-state-active {
  /*box-shadow: 0 0 0 2px #56A3A6;db*/
  outline: none;
}

.double-label-slider.ui-slider .ui-slider-pip {
  top: -3px;
}

.double-label-slider.ui-slider .ui-slider-pip .ui-slider-line {
  background: #dddddd;
  width: 10px;
  height: 10px;
  margin-left: -9px;
  /*box-shadow: 0 0 0 2px #56A3A6;*/
  border-radius: 100%;
  transition: all 0.4s ease;
}

.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label,
.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i,
.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  width: 100px;
  margin-left: -53px;
  top: 18px;
  text-align: center;
}

.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label {
  color: #888888;
  display: none;
}

.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
  font-style: normal;
  font-size: 1.8em;
  position: absolute;
  top: -36px;
}

@media screen and (max-width: 500px) {
  .double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
    font-size: 1.4em;
  }
}
.double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  opacity: 0.6;
  font-size: 1.2em;
  line-height: 1.3;
  position: absolute;
  top: 18px;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 500px) {
  .double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
    font-size: 1.1em;
  }
}
.double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label span,
.double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label span,
.double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label span {
  opacity: 1;
}

.double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label {
  display: block;
  color: #56A3A6;
  white-space: nowrap;
}
.double-label-slider.ui-slider .ui-slider-pip.ui-slider-pip-selected .ui-slider-label:hover {
  color: #56A3A6;
}

.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
  color: #56A3A6 !important;
}

.drop_with_cheks_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #ebebeb;
}

.drop_with_cheks_list li {
  display: flex;
}

.drop_with_cheks_list li .check_box_custom_style {
  margin-left: 0;
}

.double-label-slider.ui-slider .ui-slider-pip {
  display: block !important;
}

.ui-slider-pips [class*=ui-slider-pip-initial] {
  color: #56A3A6 !important;
}

.banner_intro {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .banner_intro {
    font-size: 20px;
    line-height: 26px;
  }
}
.banner_intro .banner_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.banner_intro .darklayer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 31, 45, 0.72);
  top: 0;
  left: 0;
}
.banner_intro .banner-caption {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
.banner_intro h1 {
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .banner_intro h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .banner_intro h1 {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .banner_intro h1 {
    font-size: 66px;
    margin-bottom: 57px;
    line-height: 74px;
  }
}
.banner_intro h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .banner_intro h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  .banner_intro h2 {
    margin-bottom: 26px;
  }
}
.banner_intro p {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .banner_intro p {
    margin-bottom: 26px;
  }
}

.theme-orange .intro-slider .slick-arrow {
  border: 2px solid #f54200;
  color: #f54200;
}
.theme-orange .intro-slider .slick-arrow:hover {
  color: #001F2D;
  background: #f54200;
}

.intro-slider .slick-arrow {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  border-radius: 50%;
  font-size: 22px;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  margin: 5px 0 0 -30px;
  z-index: 2;
  cursor: pointer;
  transition: all 0.25s linear;
}
@media (min-width: 992px) {
  .intro-slider .slick-arrow {
    margin: -32px 0 0 0;
    left: 111px;
    transform: none;
    width: 50px;
    height: 50px;
    font-size: 27px;
  }
}
.intro-slider .slick-arrow.slick-next {
  margin: 5px 0 0 30px;
}
@media (min-width: 992px) {
  .intro-slider .slick-arrow.slick-next {
    left: 209px;
    margin: -32px 0 0 0;
  }
}
.intro-slider .slick-arrow:hover {
  color: #001F2D;
  background: #fff;
}
.intro-slider .slide-text {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .intro-slider .slide-text {
    padding-top: 13px;
    padding-bottom: 70px;
  }
}
.intro-slider .slide {
  overflow: hidden;
}
.intro-slider .slide .slide-image {
  text-align: center;
}
.intro-slider .slide img {
  display: inline-block;
}
.intro-slider .slide:focus,
.intro-slider .slick-track:focus {
  outline: none !important;
}

.theme-orange .comunication_wrap ul.com_links li a,
.theme-orange .created_bylink .btn-link,
.theme-orange .right_navigation ul.customer_detail_list li a,
.theme-orange .right_table_wrap table tr td .table_links,
.theme-orange .btn-link,
.theme-orange a:not(.btn) {
  color: #f54200;
}
.theme-orange .comunication_wrap ul.com_links li a:focus, .theme-orange .comunication_wrap ul.com_links li a:hover,
.theme-orange .created_bylink .btn-link:focus,
.theme-orange .created_bylink .btn-link:hover,
.theme-orange .right_navigation ul.customer_detail_list li a:focus,
.theme-orange .right_navigation ul.customer_detail_list li a:hover,
.theme-orange .right_table_wrap table tr td .table_links:focus,
.theme-orange .right_table_wrap table tr td .table_links:hover,
.theme-orange .btn-link:focus,
.theme-orange .btn-link:hover,
.theme-orange a:not(.btn):focus,
.theme-orange a:not(.btn):hover {
  color: #f88a4b;
}
.theme-orange .bg-darkest {
  background: #f54200 !important;
}
.theme-orange .bg-darkest .btn-link,
.theme-orange .bg-darkest a:not(.btn) {
  color: #001F2D;
}
.theme-orange .bg-darkest .btn-link:focus, .theme-orange .bg-darkest .btn-link:hover,
.theme-orange .bg-darkest a:not(.btn):focus,
.theme-orange .bg-darkest a:not(.btn):hover {
  color: rgb(229.5, 229.5, 229.5);
}
.theme-orange .header_main_nav nav ul li a:not(.btn) {
  color: #f54200;
}
.theme-orange .header_main_nav nav ul li a:not(.btn):hover, .theme-orange .header_main_nav nav ul li a:not(.btn):focus {
  color: #f88a4b;
}
.theme-orange .profile_pic_upload .profile_pic_text span,
.theme-orange .top_basic_detail h4,
.theme-orange .runtime_text.autosaved {
  color: #f54200;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button,
.theme-orange span.btn_wrap a,
.theme-orange span.btn_wrap button,
.theme-orange .btn-primary {
  background: #f54200;
  border-color: #f54200;
  color: #fff;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button.pressed,
.theme-orange span.btn_wrap a.pressed,
.theme-orange span.btn_wrap button.pressed,
.theme-orange .btn-primary.pressed {
  background: #f54200;
  border-color: #f54200;
  color: #fff;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button.pressed:hover, .theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button.pressed:focus,
.theme-orange span.btn_wrap a.pressed:hover,
.theme-orange span.btn_wrap a.pressed:focus,
.theme-orange span.btn_wrap button.pressed:hover,
.theme-orange span.btn_wrap button.pressed:focus,
.theme-orange .btn-primary.pressed:hover,
.theme-orange .btn-primary.pressed:focus {
  background: #f88a4b;
  border-color: #f88a4b;
  color: #fff;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button:hover, .theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button:focus,
.theme-orange span.btn_wrap a:hover,
.theme-orange span.btn_wrap a:focus,
.theme-orange span.btn_wrap button:hover,
.theme-orange span.btn_wrap button:focus,
.theme-orange .btn-primary:hover,
.theme-orange .btn-primary:focus {
  background: #f88a4b;
  border-color: #f88a4b;
  color: #fff;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button.disabled,
.theme-orange span.btn_wrap a.disabled,
.theme-orange span.btn_wrap button.disabled,
.theme-orange .btn-primary.disabled {
  background: #E6E6E6;
}
.theme-orange .ui-dialog .ui-dialog-buttonpane .ui-button:disabled,
.theme-orange span.btn_wrap a:disabled,
.theme-orange span.btn_wrap button:disabled,
.theme-orange .btn-primary:disabled {
  background: #E6E6E6;
}
.theme-orange .dashboard_wrap ul.dasboard_slide_list li .list_block .right.orange {
  background: #56A3A6;
}
.theme-orange .dashboard_wrap h3.orange samp {
  border-color: #56A3A6;
}
.theme-orange .dashboard_wrap h3.orange span:after {
  background: #56A3A6;
}
.theme-orange .dashboard_wrap ul.dasboard_slide_list li .list_block .right.blue {
  background: #f54200;
}
.theme-orange .dashboard_wrap h3.blue samp {
  border-color: #f54200;
}
.theme-orange .dashboard_wrap h3.blue span:after {
  background: #f54200;
}
.theme-orange .check_box_custom_style input[type=checkbox]:checked + .checkbox_wrap:before,
.theme-orange .check_box_custom_style input[type=radio]:checked + .checkbox_wrap:before {
  border-color: #f54200;
  color: #f54200;
}
.theme-orange .arrow_parent .uparrow_on_slide {
  color: #fff;
}
.theme-orange .arrow_parent .uparrow_on_slide:focus, .theme-orange .arrow_parent .uparrow_on_slide:hover {
  color: #fff;
}
.theme-orange .link_custom_style a,
.theme-orange .link_custom_style button {
  color: #f54200;
}
.theme-orange .link_custom_style a:hover,
.theme-orange .link_custom_style button:hover {
  color: #f88a4b;
}
.theme-orange .right_table_wrap table tr th a {
  color: #333;
}
.theme-orange .right_table_wrap table tr th a:focus, .theme-orange .right_table_wrap table tr th a:hover {
  color: #333;
}
.theme-orange .custom_pagination a {
  color: #333;
}
.theme-orange .custom_pagination a:focus, .theme-orange .custom_pagination a:hover {
  color: #333;
}
.theme-orange #double-label-slider.ui-slider .ui-slider-handle {
  background: #f54200;
}
.theme-orange .search_result li.see_all span {
  color: #f54200;
}
.theme-orange .right_navigation ul li a {
  color: #333;
}
.theme-orange .right_navigation ul li a:focus, .theme-orange .right_navigation ul li a:hover {
  color: #f54200;
}
.theme-orange .right_navigation .work_navigation ul li a:focus,
.theme-orange .right_navigation .work_navigation ul li a:hover {
  color: #f54200;
}
.theme-orange .select2-container--default .select2-results__option[aria-selected=true],
.theme-orange .select2-container--default .select2-results__option--highlighted[aria-selected=false] {
  color: #f54200;
}
.theme-orange .ui-datepicker.ui-datepicker a {
  color: #454545;
}
.theme-orange .ui-datepicker.ui-datepicker a:hover {
  color: #f54200;
}
.theme-orange .ui-datepicker .ui-state-active,
.theme-orange .ui-datepicker .ui-widget-content .ui-state-active,
.theme-orange .ui-datepicker .ui-widget-header .ui-state-active,
.theme-orange .ui-datepicker a.ui-button:active,
.theme-orange .ui-datepicker .ui-button:active,
.theme-orange .ui-datepicker .ui-button.ui-state-active:hover {
  background: #f54200;
  color: #fff !important;
}
.theme-orange .logo img,
.theme-orange .header_inner .header_logo img {
  width: 90px;
}
.theme-orange .logo img {
  max-width: none;
}
@media (min-width: 768px) {
  .theme-orange .logo img,
  .theme-orange .header_inner .header_logo img {
    width: 108px;
  }
}
.theme-orange .detail_list_user_bottom_area .pin_icon {
  color: #f54200;
}

/*# sourceMappingURL=style.css.map */