@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/****************Font Size*************************/

/* This stylesheet generated by Transfonter (https://transfonter.org) on March 5, 2018 12:48 PM */

@font-face {
  font-family: 'Titillium Web';
  src: url(/fonts/TitilliumWeb-Light.eot?194156f3156bc05c9f6a00b3b2d6e821);
  src: url(/fonts/TitilliumWeb-Light.eot?194156f3156bc05c9f6a00b3b2d6e821?#iefix) format("embedded-opentype"), url(/fonts/TitilliumWeb-Light.woff2?67fa46e4b567af0ef15cd09a09ef969d) format("woff2"), url(/fonts/TitilliumWeb-Light.woff?c14bf27985fdc6d67f7c1b0539b87505) format("woff"), url(/fonts/TitilliumWeb-Light.ttf?27331adce261082719d935a54a909e77) format("truetype"), url(/fonts/TitilliumWeb-Light.svg?e6e5963abf509b06c76b10d3aa23e1ef#TitilliumWeb-Light) format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url(/fonts/TitilliumWeb-SemiBold.eot?a6a7df048b4f706a66dc215847ba079e);
  src: url(/fonts/TitilliumWeb-SemiBold.eot?a6a7df048b4f706a66dc215847ba079e?#iefix) format("embedded-opentype"), url(/fonts/TitilliumWeb-SemiBold.woff2?480e1f539e7ebb98e10253f5603334e3) format("woff2"), url(/fonts/TitilliumWeb-SemiBold.woff?b9bea9d702531fd1e9d56d82dfc58633) format("woff"), url(/fonts/TitilliumWeb-SemiBold.ttf?79682f77339ff6a0fc8023ae8dc967f4) format("truetype"), url(/fonts/TitilliumWeb-SemiBold.svg?edfbf910b88aa44b5991a83fb56706e6#TitilliumWeb-SemiBold) format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url(/fonts/TitilliumWeb-Bold.eot?719bf00648b9c84ad92a9ff8a467ad9b);
  src: url(/fonts/TitilliumWeb-Bold.eot?719bf00648b9c84ad92a9ff8a467ad9b?#iefix) format("embedded-opentype"), url(/fonts/TitilliumWeb-Bold.woff2?39d1e623023118626967154f106e6541) format("woff2"), url(/fonts/TitilliumWeb-Bold.woff?1daec1a565da650d24b76ec54fffcea2) format("woff"), url(/fonts/TitilliumWeb-Bold.ttf?570eac2b53a53324edd16a1346ec8346) format("truetype"), url(/fonts/TitilliumWeb-Bold.svg?ab35348c414dff6cd2e9fbfd3b282f4f#TitilliumWeb-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url(/fonts/TitilliumWeb-Regular.eot?de78d17ae8c3bbe89fc37cd0ebd69130);
  src: url(/fonts/TitilliumWeb-Regular.eot?de78d17ae8c3bbe89fc37cd0ebd69130?#iefix) format("embedded-opentype"), url(/fonts/TitilliumWeb-Regular.woff2?fa0317e515d1a8c3863ef6ea704819e4) format("woff2"), url(/fonts/TitilliumWeb-Regular.woff?cdc3ba787217c610da50fffbecb26edb) format("woff"), url(/fonts/TitilliumWeb-Regular.ttf?12d8ed748673e96b3c59937a2de690b9) format("truetype"), url(/fonts/TitilliumWeb-Regular.svg?e118c53c8bf7ef4697c8b524a03de0c7#TitilliumWeb-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fdi';
  src: url(/fonts/fdi.eot?e913d3ac9fb9e37ae60484b98ef325a4);
  src: url(/fonts/fdi.eot?e913d3ac9fb9e37ae60484b98ef325a4#iefix) format("embedded-opentype"), url(/fonts/fdi.ttf?8d2e9b53ec49e12a8552391e4d70dc3f) format("truetype"), url(/fonts/fdi.woff?fd43e7ff39ea96529fb922f687bee7a8) format("woff"), url(/fonts/fdi.svg?90db1ed0aadf0fd5fd33f10a35da0c23#fdi) format("svg");
  font-weight: normal;
  font-style: normal;
}

.fdi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fdi' !important;
  speak: none;
  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;
}

.fdi_like_flat:before {
  content: "\E919";
}

.fdi_add:before {
  content: "\E145";
}

.fdi_remove:before {
  content: "\E15B";
}

.fdi_dehaze2:before {
  content: "\E3C8";
}

.fdi_navigate_before:before {
  content: "\E408";
}

.fdi_navigate_next:before {
  content: "\E409";
}

.fdi_share:before {
  content: "\E80D";
}

.fdi_star:before {
  content: "\E838";
}

.fdi_star_half:before {
  content: "\E839";
}

.fdi_star_border:before {
  content: "\E83A";
}

.fdi_help:before {
  content: "\E887";
}

.fdi_minus_sign:before {
  content: "\E900";
}

.fdi_plus_sign:before {
  content: "\E901";
}

.fdi_arrow_left:before {
  content: "\E902";
}

.fdi_chevron_left_circle:before {
  content: "\E903";
}

.fdi_chevron_right_circle:before {
  content: "\E904";
}

.fdi_location_pin:before {
  content: "\E905";
}

.fdi_equalizer2:before {
  content: "\E906";
}

.fdi_arrow_right:before {
  content: "\E907";
}

.fdi_chevron_bottom:before {
  content: "\E908";
}

.fdi_cart:before {
  content: "\E909";
}

.fdi_heart:before {
  content: "\E90A";
}

.fdi_iphone:before {
  content: "\E90B";
}

.fdi_check:before {
  content: "\E90C";
}

.fdi_gps:before {
  content: "\E90D";
}

.fdi_user_fill:before {
  content: "\E90E";
}

.fdi_chevron_top:before {
  content: "\E90F";
}

.fdi_cross_sign:before {
  content: "\E910";
}

.fdi_chevron_bottom_circle:before {
  content: "\E911";
}

.fdi_logistics:before {
  content: "\E912";
}

.fdi_delivery_package:before {
  content: "\E913";
}

.fdi_pen:before {
  content: "\E914";
}

.fdi_speech_bubbles:before {
  content: "\E915";
}

.fdi_icon:before {
  content: "\E916";
}

.fdi_phone_receiver:before {
  content: "\E917";
}

.fdi_envelope:before {
  content: "\E918";
}

.fdi_search:before {
  content: "\F002";
}

.fdi_pencil:before {
  content: "\F040";
}

.fdi_twitter_square:before {
  content: "\F081";
}

.fdi_facebook_square:before {
  content: "\F082";
}

.fdi_twitter:before {
  content: "\F099";
}

.fdi_facebook:before {
  content: "\F09A";
}

.fdi_filter:before {
  content: "\F0B0";
}

.fdi_pinterest:before {
  content: "\F0D2";
}

.fdi_google_plus_square:before {
  content: "\F0D4";
}

.fdi_building:before {
  content: "\F0F7";
}

.fdi_angle_double_right:before {
  content: "\F101";
}

.fdi_quote_left:before {
  content: "\F10D";
}

.fdi_youtube:before {
  content: "\F16A";
}

.fdi_envelope_square:before {
  content: "\F199";
}

.fdi_cube:before {
  content: "\F1B2";
}

.fdi_bed:before {
  content: "\F236";
}

.fdi_commenting:before {
  content: "\F27A";
}

.fdi_credit_card:before {
  content: "\F283";
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Titillium Web';
  font-weight: normal;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 1920px) {
  body {
    font-size: 1em;
  }
}

@media only screen and (max-width: 1440px) {
  body {
    font-size: 0.813em;
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 0.813em;
  }
}

@media only screen and (max-width: 500px) {
  body {
    font-size: 12px;
  }
}

body.blocked {
  overflow: hidden;
}

.unit {
  position: absolute;
  display: block;
  left: 5px;
  top: 7px;
  font-size: 17px;
  z-index: 9;
  color: #434343;
}

.otp_password,
.otp_namepin {
  display: none;
}

a {
  text-decoration: none;
  font-size: 1em;
}

a:hover {
  color: #3c3c3c;
}

.py-4 {
  min-height: 418px;
}

i {
  vertical-align: middle;
}

button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

ul li {
  list-style: none;
}

ul li a {
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

:before,
:after {
  font-family: 'fdi';
}

h1 {
  font-size: 2.813em;
}

h2 {
  font-size: 1.875em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.125em;
}

p {
  font-size: 1.125em;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.clearfix {
  clear: both;
}

.overlay {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 996;
  display: none;
}

.positionrelative {
  position: relative;
}

.desktop_display {
  display: block;
}

@media only screen and (max-width: 768px) {
  .desktop_display {
    display: none;
  }
}

.mobile_display {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mobile_display {
    display: block;
  }
}

.mobile_display .mobile_breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_display .mobile_breadcrumbs .breadcrumbs_linking {
  width: 50%;
}

.mobile_display .mobile_breadcrumbs .fevicol_sort_ddl {
  width: 50%;
}

.mobile_display .mobile_breadcrumbs .fevicol_sort_ddl .fevicol_ddl_listing {
  border: 0;
  border-bottom: 1px solid;
  width: 100%;
  color: #fff;
  padding-bottom: 5px;
  outline: none;
  background: transparent;
}

.close_white {
  color: #ffffff;
}

.close_black {
  color: #000000;
}

.close_black,
.close_white {
  font-size: 1.875em;
  position: absolute;
  right: 3%;
  top: 2%;
  visibility: hidden;
}

.btn_fill,
.btn_outline,
.btn_rounded {
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 1.5em;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 300;
}

.btn_fill:after,
.btn_outline:after,
.btn_rounded:after {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.btn_fill {
  outline: none;
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
}

.btn_fill:hover {
  border-width: 1px;
  border-style: solid;
  background: transparent !important;
}

.btn_outline {
  border-width: 1px;
  border-style: solid;
}

.disabled {
  pointer-events: none;
  background: #3c3c3c;
}

.is_success {
  color: #26a69a;
  border-bottom: 1px solid #26a69a;
}

.is_error {
  color: #f19121;
  border-bottom: 1px solid #f19121;
}

.errorRed {
  color: #ee0d0d;
  line-height: 15px;
}

.errorInput {
  border: 1px solid #ee0d0d;
}

.errorInput input {
  color: #ee0d0d;
  border: 0px !important;
}

.input_wrapper {
  position: relative;
}

input,
select {
  outline: none;
  border: 0;
  border-bottom: 1px solid #3c3c3c;
  font-size: 1.125em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  width: 100%;
}

input:focus,
select:focus {
  outline: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #000 !important;
}

.border_transition::-webkit-input-placeholder {
  color: #fbd9b2;
}

.border_transition::-moz-placeholder {
  color: #fbd9b2;
}

.border_transition:-ms-input-placeholder {
  color: #fbd9b2;
}

.border_transition:-moz-placeholder {
  color: #fbd9b2;
}

/*****************************color class************************************************/

.primary_lightOrange {
  background-color: #f7ad1d;
}

.secondary_lightBlue {
  background-color: #32537f;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clearfix {
  clear: both;
}

.border_transition {
  border-bottom: 1px solid #fbd9b2;
  color: #000000;
}

.focus_border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 99;
}

.focus_border:before,
.focus_border:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #20477b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.focus_border:after {
  left: auto;
  right: 0;
}

.border_transition:focus ~ .focus_border:before,
.border_transition:focus ~ .focus_border:after {
  width: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.text_align_center {
  text-align: center;
}

.text_align_left {
  text-align: left;
}

.display_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex_direction_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex_end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align_items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify_content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify_content_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify_content_flexend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.display_none {
  display: none;
}

.margin_top_bottom10 {
  margin: 10px 0;
}

.margin_top10 {
  margin-top: 10px;
}

.margin_top20 {
  margin-top: 20px;
}

.margin_left20 {
  margin-left: 20px;
}

.margin_right20 {
  margin-right: 20px;
}

.margin_bottom5 {
  margin-bottom: 5px;
}

.margin_bottom10 {
  margin-bottom: 10px;
}

.margin_bottom15 {
  margin-bottom: 15px;
}

.margin_bottom20 {
  margin-bottom: 10px;
}

.font_weight_bold {
  font-weight: bold;
}

.font_base {
  font-style: 1em;
}

.color_black {
  color: #000000 !important;
}

.color_red {
  color: #da1c1c !important;
}

/**breakpoints for media queries for center fix**/

.responsive_container {
  margin: 0 auto;
  width: 70%;
}

@media only screen and (max-width: 768px) {
  .responsive_container {
    width: 100%;
  }
}

/**********Header fix class**********/

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

/**********Rating**********/

.rating {
  overflow: hidden;
  vertical-align: bottom;
  display: inline-block;
}

.rating span {
  font-size: 1.25em;
  color: #e79910;
}

.rating span:after {
  content: '\E83A';
}

.rating span.checked:after {
  content: '\E838';
}

.rating span.half-checked:after {
  content: '\E839';
}

.scroll-downs {
  position: absolute;
  top: -160px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: white;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.scroll-downs .mousey {
  width: 3px;
  padding: 4px 5px;
  height: 16px;
  border: 2px solid #000000;
  border-radius: 25px;
  background: #000000;
  margin: 11px 16px;
  opacity: 1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.scroll-downs .mousey .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #ffffff;
  -webkit-animation-name: scroll;
          animation-name: scroll;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
          animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media only screen and (max-width: 768px) {
  .scroll-downs {
    display: none;
  }
}

@-webkit-keyframes scroll {
  0% {
    opacity: 0;
  }

  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0;
  }
}

@keyframes scroll {
  0% {
    opacity: 0;
  }

  10% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0;
  }
}

@media only screen and (min-width: 992px) {
  .mobile {
    display: none;
  }

  .desktop {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }
}

/********Custom Scrollbar**********/

.custom_scrollbar::-webkit-scrollbar-track {
  background-color: #d4d4d4;
}

.custom_scrollbar::-webkit-scrollbar {
  width: 5px;
  background-color: #d4d4d4;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
  background-color: #f19121;
}

@media only screen and (max-width: 768px) {
  .heightautoreverse {
    -webkit-animation: heightautoreverse 0.3s ease-out forwards;
            animation: heightautoreverse 0.3s ease-out forwards;
  }

@-webkit-keyframes heightautoreverse {
    0% {
      bottom: 0;
    }

    100% {
      bottom: -100%;
    }
}

@keyframes heightautoreverse {
    0% {
      bottom: 0;
    }

    100% {
      bottom: -100%;
    }
}

  .heightauto {
    -webkit-animation: heightauto 0.3s ease-out forwards;
            animation: heightauto 0.3s ease-out forwards;
  }

@-webkit-keyframes heightauto {
    0% {
      bottom: -100%;
    }

    100% {
      bottom: 0;
    }
}

@keyframes heightauto {
    0% {
      bottom: -100%;
    }

    100% {
      bottom: 0;
    }
}

  .heighttopautoreverse {
    -webkit-animation: heighttopautoreverse 0.3s ease-out forwards;
            animation: heighttopautoreverse 0.3s ease-out forwards;
  }

@-webkit-keyframes heighttopautoreverse {
    0% {
      top: 0;
    }

    100% {
      top: 100vh;
    }
}

@keyframes heighttopautoreverse {
    0% {
      top: 0;
    }

    100% {
      top: 100vh;
    }
}

  .heighttopauto {
    -webkit-animation: heighttopauto 0.3s ease-out forwards;
            animation: heighttopauto 0.3s ease-out forwards;
  }

@-webkit-keyframes heighttopauto {
    0% {
      top: 100vh;
    }

    100% {
      top: 0;
    }
}

@keyframes heighttopauto {
    0% {
      top: 100vh;
    }

    100% {
      top: 0;
    }
}
}

.sharepopup {
  width: auto;
  display: none;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px 5px;
  z-index: 9;
  -webkit-box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
          box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
}

.sharepopup.active {
  display: inline-block;
}

.sharepopup .share_social {
  display: inline-block;
  border-radius: 5px;
  margin: 0 10px;
}

.sharepopup .share_social a {
  color: #ffffff;
}

.sharepopup .share_social a i {
  font-size: 3em;
}

@media only screen and (max-width: 768px) {
  .sharepopup .share_social a i {
    font-size: 2em;
  }
}

.sharepopup .share_social a i.fdi_facebook_square {
  color: #3b5998;
}

.sharepopup .share_social a i.fdi_twitter_square {
  color: #1da1f2;
}

.sharepopup .share_social a i.fdi_google_plus_square {
  color: #dd4b39;
}

.sharepopup .share_social a i.fdi_envelope_square {
  color: #f7941d;
}

.sharepopup .share_social.commenting_square {
  background-color: #f1592a;
}

.sharepopup .share_social.commenting_square a {
  color: #ffffff;
  padding: 3px 5px 5px;
}

.sharepopup .share_social.commenting_square a i {
  font-size: 2em;
}

@media only screen and (max-width: 768px) {
  .sharepopup .share_social.commenting_square a i {
    font-size: 1em;
  }
}

.slick-initialized .slick-slide {
  outline: 0;
}

.scale_gps {
  -webkit-animation: scaleGps .5s infinite alternate ease-in-out;
          animation: scaleGps .5s infinite alternate ease-in-out;
  display: inline-block;
}

@-webkit-keyframes scaleGps {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  to {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@keyframes scaleGps {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  to {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

header {
  position: relative;
  -webkit-box-shadow: 0px 11px 6px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 11px 6px -6px rgba(0, 0, 0, 0.2);
  z-index: 11;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  /*************************Mobile Menu*********************************/
  /*************************Submenu******************************/
}

header .top_header {
  background: #16345b;
  height: 70px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media only screen and (max-width: 768px) {
  header .top_header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

header .top_header .logo_wrap {
  left: 2%;
  top: 0;
  position: absolute;
  z-index: 33;
}

header .top_header .logo_wrap img {
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media only screen and (max-width: 768px) {
  header .top_header .logo_wrap img {
    width: 45%;
  }
}

header .top_header nav {
  position: relative;
}

header .top_header nav ul.main_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .top_header nav ul.main_menu li {
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
}

header .top_header nav ul.main_menu li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 600;
  vertical-align: middle;
  padding: 28px .5em;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media only screen and (max-width: 1024px) {
  header .top_header nav ul.main_menu li a {
    font-size: 12px;
  }
}

header .top_header nav ul.main_menu li a:hover {
  background-color: #20477b;
}

header .top_header nav ul.main_menu li a.main_link:not(.no_caret):after {
  content: '\E908';
  color: #ffffff;
  font-size: 20px;
  position: relative;
  top: 3px;
  line-height: 0;
}

@media only screen and (max-width: 1024px) {
  header .top_header nav ul.main_menu li a.main_link:not(.no_caret):after {
    top: 3px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  header .top_header nav ul.main_menu li:last-child {
    display: none;
  }
}

header .top_header nav ul.main_menu li:hover .sub_menu_wrap {
  visibility: visible;
  opacity: 1;
  height: auto;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap li a.main_menu_link {
  font-size: inherit;
  font-weight: bold;
  color: #f1592a;
  display: block;
  margin: 0 0 15px;
  word-break: break-all;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap li a {
  color: #000;
  margin: 5px 0;
  padding: 0;
  text-transform: initial;
  font-weight: 500;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap li:not(.no_caret):after {
  display: none;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap .sub_menu {
  margin-bottom: 25px;
  margin-top: 10px;
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap .sub_menu li:last-child:before {
  content: '';
}

header .top_header nav ul.main_menu li ul.sub_menu_wrap .sub_menu_heading li {
  margin-bottom: 10px;
}

header .bottom_header {
  background: #ffffff;
  height: 79px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media only screen and (max-width: 768px) {
  header .bottom_header {
    display: none;
  }
}

header .bottom_header .search_inner {
  border: 1px solid #c9c9c9;
  padding: 5px 10px;
  width: 48%;
  background-color: #f6f6f6;
  line-height: 20px;
  left: 16%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .bottom_header .search_inner .search_input {
  width: 95%;
  border: none;
  background-color: transparent;
  color: #5f5f5f;
}

header .bottom_header .search_inner .search_btn {
  padding: 0;
  line-height: 0;
}

@media only screen and (max-width: 1024px) {
  header .bottom_header .search_inner {
    width: 38%;
  }
}

header .bottom_header .conntract_furniture_wrap {
  position: absolute;
  right: 2%;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap {
  background: #ebebeb;
  padding: 9px 30px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  white-space: nowrap;
  font-size: 1em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap:hover {
  background: #ebebeb !important;
  cursor: default;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap:after {
  content: 'or';
  font-family: 'Titillium Web';
  font-weight: normal;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background: #ffffff;
  font-size: 1em;
  font-weight: 600;
  color: #000000;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 11;
  left: calc(100% - 12px);
  top: calc(70% - 25px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  vertical-align: middle;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap a {
  position: relative;
  font-size: 1em;
  font-weight: 600;
  color: #000000;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap a:before {
  content: "\E917";
  color: #000000;
  position: absolute;
  left: -16px;
}

header .bottom_header .conntract_furniture_wrap .contact_us_wrap .contact_us_title {
  display: block;
  font-weight: 300;
  margin-bottom: 5px;
}

header .bottom_header .conntract_furniture_wrap .furniture_contractor_form_wrap {
  background-color: #f7ad1d !important;
  color: #000000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  header .bottom_header .conntract_furniture_wrap .furniture_contractor_form_wrap {
    display: none;
  }
}

header .bottom_header .conntract_furniture_wrap .furniture_contractor_form_wrap:hover {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #20477b;
}

@media only screen and (max-width: 768px) {
  header .mobile_header {
    display: block;
    width: 60%;
    text-align: right;
  }

  header .mobile_header .menu_icon {
    color: #ffffff;
    font-size: 2.813em;
  }

  header .mobile_header .call_center_mobile,
  header .mobile_header .search_mobile {
    color: #ffffff;
    font-size: 1.875em;
    padding: 0 10px;
  }
}

header .sub_menu_wrap {
  background-color: rgba(255, 255, 255, 0.8);
  height: 0px;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .sub_menu_wrap li {
  min-width: 250px;
  font-weight: bold;
  color: #f1592a;
  display: inline-block;
  word-break: break-all;
}

header .sub_menu_wrap li .sub_menu li {
  display: block;
}

@media only screen and (max-width: 768px) {
  header .sub_menu_wrap {
    background: transparent;
  }
}

header.sticky .top_header {
  height: 50px;
}

header.sticky .top_header .logo_wrap img {
  width: 75%;
}

@media only screen and (max-width: 768px) {
  header.sticky .top_header .logo_wrap img {
    width: 33%;
  }
}

header.sticky .top_header nav ul.main_menu li a {
  padding: 17px .5em;
}

header.sticky .top_header .login_wrap .login_btn {
  font-size: 0;
  padding: 5px 10px;
}

header.sticky .top_header .login_wrap .login_btn:before {
  padding-right: 0;
  font-size: 20px;
}

header.sticky .bottom_header {
  height: 60px;
}

header.sticky .bottom_header .conntract_furniture_wrap .contact_us_wrap {
  padding: 5px 30px;
}

header.sticky .bottom_header .furniture_contractor_form_wrap .find_contract_btn {
  padding: 5px 20px;
}

.mobile_menu {
  background: #ffffff;
  height: 100%;
  width: 80%;
  position: fixed !important;
  top: 0;
  right: -100%;
  z-index: 999;
  overflow: hidden;
  overflow-y: scroll;
}

.mobile_menu .login_btn_mobile {
  background: #f19121;
  color: #ffffff;
  margin: 10px;
}

.mobile_menu .login_btn_mobile:before {
  content: '\E90E';
}

.mobile_menu .login_btn_mobile:hover {
  background: #f19121 !important;
  color: #ffffff;
}

.mobile_menu .register_wrap {
  background: #f5f5f5;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .register_wrap .avtar_circle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #5d6374;
  font-size: 1.875em;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 20px;
}

.mobile_menu .register_wrap .avtar_name {
  font-weight: 600;
  font-size: 1.5em;
  color: #000000;
  line-height: 3;
  margin: 0 10px;
}

.mobile_menu .logout_btn {
  background: #f19121;
  color: #ffffff;
  margin: 0 10px 15px;
}

.mobile_need_help {
  text-transform: uppercase;
  font-size: 1.125em;
  color: #000000;
  padding: 18px 20px 18px 12px;
  font-weight: 600;
}

.find_contract_btn {
  font-size: 1em;
  font-weight: 300;
  width: 100%;
  background-color: #f7ad1d !important;
  color: #000000;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  white-space: nowrap;
  padding: 10px 20px;
}

.find_contract_btn span {
  font-weight: bold;
  display: block;
}

@media only screen and (max-width: 768px) {
  .find_contract_btn {
    position: fixed;
    width: 100%;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 10;
    border-radius: 0;
    margin: 0;
  }
}

.find_contract_btn_mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .find_contract_btn_mobile {
    display: block;
  }

  .find_contract_btn_mobile:hover {
    background-color: #f7ad1d !important;
  }
}

.banner--form-wrap {
  width: 360px;
  position: absolute;
  background-color: #ffffff;
  top: 50%;
  right: 10%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .banner--form-wrap {
    width: 100%;
    position: relative;
    -webkit-transform: none;
            transform: none;
    right: 0;
    border-radius: 0px;
  }
}

.banner--form-wrap .banner-form h3 {
  background-color: #f7ad1d;
  font-size: 1.125em;
  font-weight: 600;
  color: #000000;
  padding: 20px;
  line-height: 1.25;
}

.banner--form-wrap .banner-form form {
  padding: 25px 20px;
}

.banner--form-wrap .banner-form form fieldset ul li {
  margin-bottom: 20px;
}

.banner--form-wrap .banner-form form fieldset ul li.submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.banner--form-wrap .banner-form form fieldset ul li:last-child {
  margin-bottom: 0;
}

.banner--form-wrap .banner-form form fieldset label {
  margin-bottom: 10px;
  display: block;
}

.banner--form-wrap .banner-form form fieldset label.error {
  color: red;
  margin-top: 10px;
}

.banner--form-wrap .banner-form form input[type=tel],
.banner--form-wrap .banner-form form input[type=text] {
  border: 0;
  padding: 10px;
  background: #f1f2f6;
}

.banner--form-wrap .banner-form form .form_submit {
  background: #f7ad1d;
  padding: 10px;
  border-radius: 10px;
  border: 0;
  width: 100px;
}

@media screen and (max-width: 768px) {
  .banner--form-wrap .banner-form form .form_submit {
    width: 100%;
  }
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  height: 100%;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 100%;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  width: 100%;
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  z-index: 1;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 15px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '\E408';
}

[dir='rtl'] .slick-prev:before {
  content: '\E409';
}

.slick-next {
  right: 15px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '\E409';
}

[dir='rtl'] .slick-next:before {
  content: '\E408';
}

.ct-slick-arrows--type2 .slick-prev,
.ct-slick-arrows--type2 .slick-next {
  opacity: 0.85;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
  background-color: #fff;
  height: 15px;
  height: 1.5rem;
  width: 70px;
  width: 7rem;
}

.ct-slick-arrows--type2 .slick-prev:before,
.ct-slick-arrows--type2 .slick-next:before {
  margin-top: -20px;
  margin-top: -2rem;
}

.ct-slick-arrows--type2 .slick-prev:after,
.ct-slick-arrows--type2 .slick-next:after {
  margin-top: 20px;
  margin-top: 2rem;
}

.ct-slick-arrows--type2 .slick-prev:hover:before,
.ct-slick-arrows--type2 .slick-next:hover:before {
  margin-top: -20px;
  margin-top: -2rem;
}

.ct-slick-arrows--type2 .slick-prev:hover:after,
.ct-slick-arrows--type2 .slick-next:hover:after {
  margin-top: 20px;
  margin-top: 2rem;
}

.ct-slick-arrows--type2 .slick-prev:hover:active,
.ct-slick-arrows--type2 .slick-next:hover:active {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.ct-slick-arrows--type2 .slick-prev {
  left: 10px;
  left: 1rem;
}

.ct-slick-arrows--type2 .slick-prev:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ct-slick-arrows--type2 .slick-prev:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ct-slick-arrows--type2 .slick-prev:hover:before {
  margin-top: -27px;
  margin-top: -2.7rem;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.ct-slick-arrows--type2 .slick-prev:hover:after {
  margin-top: 27px;
  margin-top: 2.7rem;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.ct-slick-arrows--type2 .slick-next {
  right: 10px;
  right: 1rem;
}

.ct-slick-arrows--type2 .slick-next:before,
.ct-slick-arrows--type2 .slick-next:after {
  left: auto;
  right: 0;
}

.ct-slick-arrows--type2 .slick-next:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ct-slick-arrows--type2 .slick-next:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ct-slick-arrows--type2 .slick-next:hover:before {
  margin-top: -27px;
  margin-top: -2.7rem;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.ct-slick-arrows--type2 .slick-next:hover:after {
  margin-top: 27px;
  margin-top: 2.7rem;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.ct-slick .slick-track,
.ct-slick .slick-list,
.ct-slick .item,
.ct-slick .slick-item {
  min-height: inherit;
}

.ct-slick .item {
  background-size: cover;
}

/*.slick-list {
	height: 600px;
}*/

/* Dots */

.ct_header_slider .slick-dots {
  left: 15%;
  width: auto;
  bottom: 7%;
}

@media only screen and (max-width: 768px) {
  .ct_header_slider .slick-dots {
    left: 8px;
    bottom: -3px;
  }
}

.slick-dots {
  position: absolute;
  bottom: 12px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .slick-dots {
    bottom: -5px;
  }
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #000000;
  content: '';
  text-align: center;
  border-radius: 20px;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

.tablex img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .tablex img {
    min-height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center 0;
       object-position: center 0;
  }
}

.tablex .tablex_img {
  display: none;
}

.tablex .tablex_img.active {
  display: block;
}

.ct_header {
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
  position: relative;
}

.ct_header .ct-slick {
  margin-bottom: 0;
}

.slick-initialized .slick-slide {
  display: block;
}

.ct_u_display_tablex {
  width: 16.8%;
  position: absolute;
  bottom: 15%;
}

.ct_u_display_tablex > .inner {
  width: 100%;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .ct_u_display_tablex > .inner {
    margin-left: 10px;
  }
}

.slider_inner p {
  display: inline-block;
  background: rgba(14, 14, 13, 0.6);
  padding: 15px;
  line-height: 45px;
  color: #ffffff;
  font-size: 2.813em;
  font-weight: normal;
  text-transform: capitalize;
}

.slider_inner p span {
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .slider_inner p {
    padding: 5px;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 25px;
  }
}

.slider_inner .slider_btn_main {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .slider_inner .slider_btn_main {
    margin-top: 5px;
  }
}

.slider_inner .slider_btn_main .slider_btn {
  background: #f7ad1d;
  color: #000000;
}

.slider_inner .slider_btn_main .slider_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .slider_inner .slider_btn_main .slider_btn {
    padding: 5px 8px;
  }
}

/* Transitions */

.activate {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=100;
  filter: alpha(opacity=100);
}

.animated {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha opacity=0;
  filter: alpha(opacity=0);
}

.slick-dots li button:before {
  opacity: 1;
  background: #a5a6a3;
  width: 13px;
  height: 13px;
}

@media only screen and (max-width: 768px) {
  .slick-dots li button:before {
    width: 10px;
    height: 10px;
  }
}

.slick-dots li.slick-active button:before {
  background: #454644;
}

.what_we_offer_main {
  background-color: #20477b;
  width: 100%;
  padding: 80px 0 60px;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main {
    padding: 20px 0;
  }
}

.what_we_offer_main .offer_wrap {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
  text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .offer_wrap {
    margin-bottom: 20px;
  }
}

.what_we_offer_main .card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.what_we_offer_main .card_wrap .card_main_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 32.33%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .card_wrap .card_main_wrap {
    padding: 0;
    width: 84%;
    margin: 0 5px;
  }
}

.what_we_offer_main .card_wrap .card_main_wrap.onlyTwo {
  width: 49%;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .card_wrap .card_main_wrap.onlyTwo {
    width: 84%;
  }
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #ffffff;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .card_wrap .card_main_wrap .card_main {
    margin: 0;
    outline: none;
    border: none;
  }
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_img {
  width: 30%;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_img img {
  width: 100%;
  height: 100%;
  border-radius: 10px 0px 0px 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main {
  width: 70%;
  border-radius: 0px 10px 10px 0px;
  font-size: 1.125em;
  padding: 30px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .card_title {
  font-weight: bold;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 22px;
  color: #32537f;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .card_title a {
  font-size: 1.25em;
  line-height: 1.2;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .card_content {
  line-height: 22px;
  font-size: 1em;
  color: #000000;
  height: 88px;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .card_content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .learn_more_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.125em;
  display: inline-block;
  margin-top: 20px;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .learn_more_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .learn_more_btn:hover:after {
  color: #ffffff;
}

.what_we_offer_main .card_wrap .card_main_wrap .card_main .card_content_main .learn_more_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .card_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 10px;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
  }
}

.what_we_offer_main .we_work_wrap {
  margin: 40px 0 0px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .what_we_offer_main .we_work_wrap {
    margin: 20px 0 5px;
  }
}

.what_we_offer_main .we_work_wrap .how_we_work_btn {
  margin: 0 auto;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 300;
}

.what_we_offer_main .we_work_wrap .how_we_work_btn:hover {
  background-color: #ffffff;
  color: #20477b;
  border: 1px solid #ffffff;
}

.what_we_offer_main .we_work_wrap .how_we_work_btn:hover:after {
  color: #20477b;
}

.what_we_offer_main .we_work_wrap .how_we_work_btn:after {
  content: '\F101';
  color: #ffffff;
  padding-left: 15px;
  vertical-align: top;
  font-weight: bold;
}

.counter_main {
  background: url(/images/section-2.png?daac75a98cea4da141699e1ed40a3f33) no-repeat;
  background-color: #ebebeb;
  width: 100%;
  padding: 70px 0 40px;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .counter_main {
    padding: 0;
  }
}

.counter_main .counter_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap {
    display: block;
    padding: 20px;
  }
}

.counter_main .counter_wrap .photo_frame {
  width: 30%;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap .photo_frame {
    width: 95%;
  }
}

.counter_main .counter_wrap .photo_frame img {
  width: 100%;
}

.counter_main .counter_wrap .counters {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap .counters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .counter_main .counter_wrap .counters .sub_counter {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap .counters .sub_counter {
    width: auto;
    margin-bottom: 10px;
  }
}

.counter_main .counter_wrap .counters .sub_counter:after {
  content: '';
  width: 2px;
  height: 100%;
  background-color: red;
}

.counter_main .counter_wrap .counters .sub_counter .counter_no {
  color: #000;
  font-size: 2.813em;
  font-weight: bold;
  display: block;
  padding-bottom: 8px;
}

@media only screen and (max-width: 500px) {
  .counter_main .counter_wrap .counters .sub_counter .counter_no {
    font-size: 18px;
  }
}

.counter_main .counter_wrap .counters .sub_counter .counter_text {
  color: #5d6374;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 20px;
}

@media only screen and (max-width: 500px) {
  .counter_main .counter_wrap .counters .sub_counter .counter_text {
    font-size: 12px;
  }
}

.counter_main .counter_wrap .counters .divider {
  width: 1px;
  height: 85px;
  background: #c6c6c7;
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap .counters .divider {
    height: 75px;
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .counter_main .counter_wrap .counters li:nth-child(4) {
    display: block;
  }
}

.inspiration_design_main {
  padding: 60px 0 60px;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .inspiration_design_main {
    padding: 20px 10px 0;
  }
}

.inspiration_design_main .inspiration_design_wrap .inspiration_design_top {
  color: #000;
  font-weight: 100;
  display: block;
  font-size: 0.767em;
}

.inspiration_design_main .inspiration_design_wrap .inspiration_design_heading {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap {
  margin: 35px 0;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap {
    height: 20px;
    overflow: hidden;
    overflow-x: scroll;
    margin: 20px 0;
  }
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul {
    width: 700px;
    text-align: left;
  }
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li {
  display: inline;
  padding: 0 20px;
  border-right: 1px solid #a9a9a9;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li {
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  .inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li {
    padding: 0 15px;
  }
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li:last-child {
  border: none;
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li a {
  font-size: 1.25em;
  font-weight: normal;
  color: #3c3c3c;
}

.inspiration_design_main .inspiration_design_wrap .inspiration_sorting_wrap ul li a.selected {
  font-weight: bold;
  color: #20477b;
}

.inspiration_design_main .inspiration_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 10px;
  margin: 20px 0;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .inspiration_card_wrap .slick-prev {
    left: 0px;
  }

  .inspiration_design_main .inspiration_card_wrap .slick-next {
    right: 0px;
  }

  .inspiration_design_main .inspiration_card_wrap .slick-prev,
  .inspiration_design_main .inspiration_card_wrap .slick-next {
    width: auto;
    height: auto;
    background: #000;
    border-radius: 35px;
    -webkit-box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
            box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
  }

  .inspiration_design_main .inspiration_card_wrap .slick-prev:before,
  .inspiration_design_main .inspiration_card_wrap .slick-next:before {
    font-size: 30px;
    opacity: 1;
  }
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main {
  position: relative;
  border-radius: 10px;
  margin-bottom: 1%;
  height: 100%;
  overflow: hidden;
  outline: none;
  border: none;
  margin-left: 1%;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main:hover .inspiration_card_content,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main.active .inspiration_card_content {
  bottom: 0;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main.card_small {
  width: 32.33%;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main.card_big {
  width: 65.5%;
}

@media (max-width: 768px) {
  .inspiration_design_main .inspiration_card_wrap .inspiration_card_main {
    margin: 0 10px;
  }
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap {
  position: absolute;
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .design_type {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #f7ad1d;
  color: #000000;
  font-size: 0.813em;
  font-weight: 600;
  margin-right: 10px;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .like_wrap {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  font-size: 0.813em;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .like_wrap .fdi_heart {
  padding-left: 5px;
  font-weight: 600;
  color: #e64f25;
}

@media (max-width: 768px) {
  .inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img {
    height: 100%;
  }

  .inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img img {
    height: 100%;
  }
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -100%;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  border-radius: 10px;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap {
  position: relative;
  height: 100%;
  margin: 0 15px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .making_details,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .lowest_cost_wrap,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .dimen_wrap,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .type_wrap,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .material_wrap,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .uplostery_wrap {
  display: block;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap span {
  margin-bottom: 5px;
  font-weight: 300;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap span span:first-child {
  font-weight: 600;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .making_details {
  padding: 10px 0;
  font-size: 1.5em;
  font-weight: 600;
  border-style: solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0px;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .making_details:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #ffffff;
  margin-top: 10px;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap {
  width: 100%;
  position: absolute;
  bottom: 10px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap {
  background-color: #f7ad1d !important;
  color: #000000;
  font-weight: 300;
  font-size: 1.25em;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:hover:after {
  color: #ffffff;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
  font-weight: 600;
}

.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_like_share_wrap .inspiration_like_wrap button,
.inspiration_design_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_like_share_wrap .inspiration_share_wrap button {
  color: #ffffff;
  font-size: 1.25em;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .inspiration_card_wrap .inspiration_card_main {
    outline: none;
    border: none;
    margin: 0 5px;
  }
}

.inspiration_design_main .view_all_design_wrap {
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .inspiration_design_main .view_all_design_wrap {
    margin-bottom: 0px;
  }
}

.inspiration_design_main .view_all_design_wrap .view_all_design_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
  margin: 0 auto;
}

.inspiration_design_main .view_all_design_wrap .view_all_design_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.inspiration_design_main .view_all_design_wrap .view_all_design_btn:hover:after {
  color: #ffffff;
}

.inspiration_design_main .view_all_design_wrap .view_all_design_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: top;
  font-weight: 600;
}

.furniture_contractors_wrap .furniture_contractors_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.furniture_contractors_wrap .furniture_contractors_title .furniture_contractors_text {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  padding-right: 15px;
}

@media only screen and (max-width: 425px) {
  .furniture_contractors_wrap .furniture_contractors_title .furniture_contractors_text {
    line-height: 25px;
    padding-right: 0;
  }
}

.furniture_contractors_wrap .furniture_contractors_title:after {
  content: '';
  background: url(/images/certified-logo.png?00c935f987bf604f9c4a30559d8d8cc0) no-repeat scroll center;
  width: 120px;
  height: 108px;
  background-size: 100%;
}

@media only screen and (max-width: 425px) {
  .furniture_contractors_wrap .furniture_contractors_title:after {
    background-size: 75%;
  }
}

.furniture_contractors_wrap .location_wrap {
  width: 98.5%;
  margin: 0 auto;
}

.furniture_contractors_wrap .location_wrap .location_find_title {
  color: #000;
  font-size: 1.5em;
  font-weight: 100;
  line-height: 48px;
  display: block;
}

.furniture_contractors_wrap .location_wrap .location_find_text {
  color: #000;
  font-size: 1.25em;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .location_wrap .location_find_text {
    text-align: center;
  }
}

.furniture_contractors_wrap .location_wrap .location_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 25px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .location_wrap .location_main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .furniture_contractors_wrap .location_wrap .location_main .location_find_btn {
    display: none;
  }
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap {
  width: 100%;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .location_wrap .location_main .location_box_wrap {
    width: 100%;
    margin-right: 0;
  }
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap .location_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 1px;
  border-style: solid;
  padding: 12px 20px;
  background-color: #e2e3eb;
  border-color: #e2e3eb;
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap .location_box .location_input {
  background-color: transparent;
  border: none;
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap .location_box:before {
  content: '\E905';
  padding-right: 15px;
  font-size: 1.25em;
  vertical-align: baseline;
  color: #7f7f7f;
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap .location_box.errorInput {
  border-color: #ee0d0d;
}

.furniture_contractors_wrap .location_wrap .location_main .location_box_wrap .location_box .location_gps_btn {
  padding: 0;
  color: #000000;
  font-size: 1.125em;
}

.furniture_contractors_wrap .location_wrap .location_main .location_find_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
}

.furniture_contractors_wrap .location_wrap .location_main .location_find_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff !important;
  border: 1px solid #f1592a;
}

.furniture_contractors_wrap .location_wrap .location_main .location_find_btn:hover:after {
  color: #ffffff !important;
}

.furniture_contractors_wrap .contractor_profile_wrap {
  margin: 20px 0 40px;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap {
    margin: 20px 0;
  }
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-prev {
  left: -20px;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-prev {
    left: 0px;
  }
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-next {
  right: -25px;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-next {
    right: 0px;
  }
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-prev,
.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-next {
  width: auto;
  height: auto;
  background: #ffffff;
  border-radius: 35px;
  -webkit-box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
          box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-prev:before,
.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-next:before {
  font-size: 60px;
  opacity: 1;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-prev:before,
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-next:before {
    font-size: 30px;
  }
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .slick-track .contractor_profile_card {
  margin: 0 10px;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card {
  width: 25%;
  background-color: #f1f2f6;
  border-radius: 10px;
  outline: none;
  border: none;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_cover img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info {
  padding: 0 15px 8px 20px;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_pic {
  display: inline-block;
  margin-top: -45px;
  background-color: rgba(255, 255, 255, 0.74902);
  padding: 3px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name {
  color: #000;
  font-size: 1.25em;
  font-weight: 600;
  margin: 15px 0 5px 0;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .contractor_location {
  color: #78787f;
  font-weight: normal;
  font-size: 1em;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main .contractor_profile_card {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .contractor_profile_wrap .contractor_profile_card_main {
    outline: none;
    border: none;
  }
}

.furniture_contractors_wrap .view_all_contractor_wrap {
  text-align: center;
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_wrap .view_all_contractor_wrap {
    margin-bottom: 15px;
  }
}

.furniture_contractors_wrap .view_all_contractor_wrap .view_all_contractor_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
  margin: 0 auto;
}

.furniture_contractors_wrap .view_all_contractor_wrap .view_all_contractor_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.furniture_contractors_wrap .view_all_contractor_wrap .view_all_contractor_btn:hover:after {
  color: #ffffff;
}

.furniture_contractors_wrap .view_all_contractor_wrap .view_all_contractor_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: top;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .furniture_contractors_section {
    padding: 10px;
  }
}

.cust_feedback_main {
  position: relative;
  padding: 70px 0 60px;
  background-color: #ebebeb;
}

@media only screen and (max-width: 768px) {
  .cust_feedback_main {
    padding: 15px 10px 25px;
  }
}

.cust_feedback_main .cust_feedback_wrap .cust_feedback_heading {
  color: #000;
  font-weight: 100;
  display: block;
  font-size: 0.767em;
}

.cust_feedback_main .cust_feedback_wrap .cust_feedback_text {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap {
  margin: 20px 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap {
    margin: 10px 0;
  }

  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-prev {
    left: 0px;
  }

  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-next {
    right: 0px;
  }

  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-prev,
  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-next {
    width: auto;
    height: auto;
    border-radius: 35px;
    background-color: #ffffff;
    -webkit-box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
            box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
  }

  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-prev:before,
  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .slick-next:before {
    font-size: 30px;
    opacity: 1;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-radius: 35px;
  }
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main {
  width: 32.33%;
  border-radius: 10px;
  outline: none;
  margin-right: 20px;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main {
    margin: 10px 20px;
  }
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_card_img img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap {
  padding: 20px;
  border-radius: 0px 0px 10px 10px;
  background-color: #ebebeb;
  border-bottom: 1px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #a1a1a1;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content {
  font-weight: 300;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content p {
  line-height: 25px;
  margin: 10px 0;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content:before {
  content: '\F10D';
  font-size: 1.8em;
  line-height: 25px;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .customer_name {
  margin: 30px 0 0 0;
  display: block;
}

.cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .customer_name span {
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .cust_feedback_main .cust_feedback_wrap .feedback_card_wrap .feedback_card_main {
    outline: none;
    border: none;
  }
}

.cust_feedback_main .cust_feedback_wrap .view_all_wrap {
  text-align: center;
}

.cust_feedback_main .cust_feedback_wrap .view_all_wrap .view_all_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
  margin: 0 auto;
}

.cust_feedback_main .cust_feedback_wrap .view_all_wrap .view_all_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.cust_feedback_main .cust_feedback_wrap .view_all_wrap .view_all_btn:hover:after {
  color: #ffffff;
}

.cust_feedback_main .cust_feedback_wrap .view_all_wrap .view_all_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: top;
  font-weight: bold;
}

.open_content_wrap {
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.open_content_wrap .open_bottom_content {
  position: absolute;
  right: 0px;
  top: 40px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 768px) {
  .open_content_wrap .open_bottom_content {
    top: 5px;
    right: -10%;
  }
}

.open_content_wrap .open_bottom_content:after {
  content: '\E145';
  color: #000;
  font-size: 2em;
  font-weight: lighter;
}

@media only screen and (max-width: 768px) {
  .open_content_wrap .open_bottom_content:after {
    font-size: 2em;
  }
}

.open_content_wrap .open_bottom_content.active:after {
  content: '\E15B';
}

.custom_furniture_main {
  padding: 40px 0;
  background-color: #ffffff;
  display: none;
  height: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

@media only screen and (max-width: 768px) {
  .custom_furniture_main {
    padding: 40px 20px;
  }
}

.custom_furniture_main.active {
  display: block;
  height: auto;
}

.custom_furniture_main .custom_furniture_wrap {
  margin: 20px 0;
}

.custom_furniture_main .custom_furniture_wrap .custom_furniture_title {
  color: #f7ad1d;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

.custom_furniture_main .custom_furniture_wrap .custom_furniture_content {
  line-height: 20px;
}

.custom_furniture_main .custom_furniture_wrap .custom_furniture_content a {
  color: #20477b;
}

.custom_furniture_main .custom_furniture_wrap .custom_furniture_content .morecontent span {
  display: none;
}

.custom_furniture_main .custom_furniture_wrap .custom_furniture_content .morelink {
  display: inline-block;
}

footer .top_footer {
  background: #16345b;
}

@media only screen and (max-width: 768px) {
  footer .top_footer {
    padding: 30px 20px;
  }
}

footer .top_footer .display_flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer .top_footer .follow_us {
  display: none;
}

@media only screen and (max-width: 768px) {
  footer .top_footer span.follow_us {
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
    display: block;
  }
}

footer .top_footer .footer_section_logo {
  padding-bottom: 50px;
  width: 20%;
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section_logo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section_logo .social_wrap_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section_logo .fdi_footer_logo {
    display: none;
  }
}

footer .top_footer .footer_section_logo .social_wrap {
  margin: 25px 0 0 0;
  text-align: left;
}

footer .top_footer .footer_section_logo .social_wrap li {
  display: inline;
  color: #ffffff;
  text-align: center;
  margin: 0 16px;
}

footer .top_footer .footer_section_logo .social_wrap li:first-child a {
  padding-left: 0;
}

footer .top_footer .footer_section_logo .social_wrap li a {
  color: #ffffff;
  font-size: 1.5em;
  vertical-align: middle;
}

footer .top_footer .footer_section_logo .social_wrap li:last-child {
  border-right: none;
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section_logo .social_wrap li {
    margin: 0 25px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section_logo .social_wrap {
    margin: 0;
  }
}

footer .top_footer .footer_section {
  width: 20%;
  position: relative;
  padding: 50px 0;
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section {
    width: 30%;
    text-align: left;
    padding: 10px 0;
  }
}

@media only screen and (max-width: 500px) {
  footer .top_footer .footer_section {
    width: 100%;
  }
}

footer .top_footer .footer_section:nth-child(3) {
  width: 40%;
}

@media only screen and (max-width: 768px) {
  footer .top_footer .footer_section:nth-child(3) {
    width: 50%;
    text-align: left;
    padding: 10px 0;
  }
}

@media only screen and (max-width: 500px) {
  footer .top_footer .footer_section:nth-child(3) {
    width: 100%;
  }
}

footer .top_footer .footer_section .footer_heading {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;
}

footer .top_footer .footer_section ul li a {
  color: #ffffff;
  font-size: 1.125em;
  padding: 10px 0;
}

footer .top_footer .footer_section ul li a:before {
  content: '\E409';
  margin-right: 10px;
  color: #7c7c83;
  font-weight: bold;
  font-size: 1.125em;
}

footer .top_footer .footer_section .phone_no_wrap {
  margin: 15px 0 30px;
}

footer .top_footer .footer_section .phone_no_wrap .phone_no_title {
  font-size: 1.25em;
  color: #ffffff;
  display: block;
  line-height: 30px;
  margin-bottom: 5px;
}

footer .top_footer .footer_section .phone_no_wrap a {
  font-size: 1.25em;
  font-weight: 600;
  color: #ffffff;
}

footer .top_footer .footer_section .phone_no_wrap a:before {
  content: "\E917";
  color: #ffffff;
  font-weight: normal;
  margin-right: 5px;
  vertical-align: bottom;
}

footer .top_footer .footer_section .phone_no_wrap a.email:before {
  content: "\E918";
}

footer .top_footer .footer_section .split_footer_links ul:not(:last-child) {
  margin-right: 20%;
}

footer .footer_bottom {
  background-color: #20477b;
  padding: 20px 0;
}

footer .footer_bottom .bottom_footer_wrap {
  font-size: 1.125em;
  font-weight: 300;
  color: #ffffff;
  position: relative;
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
  footer .footer_bottom .bottom_footer_wrap {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  footer .footer_bottom .bottom_footer_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  footer .footer_bottom .bottom_footer_wrap ul {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

footer .footer_bottom .bottom_footer_wrap ul {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

footer .footer_bottom .bottom_footer_wrap ul li {
  display: inline;
  padding: 0 25px;
  border-right: 1px solid;
}

@media only screen and (max-width: 768px) {
  footer .footer_bottom .bottom_footer_wrap ul li {
    display: block;
    margin: 5px 0;
  }
}

footer .footer_bottom .bottom_footer_wrap ul li:first-child {
  padding-left: 0;
}

footer .footer_bottom .bottom_footer_wrap ul li:last-child {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  footer .footer_bottom .bottom_footer_wrap ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
}

footer .footer_bottom .bottom_footer_wrap ul li.bottom_footer_link a {
  color: #ffffff;
}

footer .footer_bottom .bottom_footer_wrap .credits_logo {
  color: #ffffff;
  position: absolute;
  right: 0;
}

@media only screen and (max-width: 768px) {
  footer .footer_bottom .bottom_footer_wrap .credits_logo {
    position: relative;
    margin-bottom: 35px;
  }
}

footer .footer_bottom .bottom_footer_wrap .credits_logo img {
  padding-left: 10px;
  display: inline;
  vertical-align: middle;
}

footer .footer_bottom .bottom_footer_wrap .copy_right span:not(:last-child) {
  margin-right: 20px;
}

@media only screen and (max-width: 426px) {
  footer .footer_bottom .bottom_footer_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.furniture_guide_main {
  display: none;
  position: fixed;
  width: 75%;
  top: 300px;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  margin: 0 auto;
  z-index: 999;
}

@media only screen and (max-width: 1024px) {
  .furniture_guide_main {
    width: 85%;
  }
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main {
    display: block;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    top: 0;
    padding: 0;
    background-color: #ededed;
    right: -200%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  .furniture_guide_main.active {
    right: 0;
  }
}

.furniture_guide_main.active {
  display: block;
}

.furniture_guide_main .close_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .close_wrap {
    display: none;
  }
}

.furniture_guide_main .close_wrap .furniture_guide_close:before {
  content: '\E910';
  font-size: 2em;
}

.furniture_guide_main .furniture_guide_mobile_head {
  display: none;
  background-color: #16345b;
  padding: 20px 30px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_mobile_head {
    display: block;
  }
}

.furniture_guide_main .furniture_guide_mobile_head .furniture_guide_mob_back_btn {
  float: left;
  padding: 0;
}

.furniture_guide_main .furniture_guide_mobile_head .furniture_guide_mob_back_btn:before {
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5em;
}

.furniture_guide_main .furniture_guide_mobile_head .furniture_guide_mobile_title {
  font-size: 1.5em;
  font-weight: normal;
  color: #ffffff;
}

.furniture_guide_main .furniture_guide_mobile_head:after {
  content: '';
  clear: both;
}

.furniture_guide_main .furniture_guide_menu_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap {
    padding: 20px 10px;
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu {
  width: 31%;
  padding: 0 25px;
  max-height: 315px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    padding: 0;
    margin-bottom: 10px;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu:nth-child(2) {
  border-right: 1px solid #3c3c3c;
  border-left: 1px solid #3c3c3c;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu:nth-child(2) {
    border: none;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header {
  font-size: 1.125em;
  color: #3c3c3c;
  font-weight: normal;
  border: 1px solid #959595;
  border-radius: 10px;
  padding: 15px;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header {
    background-color: #ffffff;
    padding: 10px;
  }

  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header:after {
    content: '\E907';
    color: #000;
    right: 5%;
    position: absolute;
    font-weight: bold;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header:before {
  color: #32537f;
  font-size: 1.5em;
  margin-right: 10px;
  vertical-align: sub;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header:before {
    display: none;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header.space_type:before {
  content: '\F0F7';
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header.room_type:before {
  content: '\F1B2';
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_header.furniture_type:before {
  content: '\F236';
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main {
  margin: 5px 0;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main {
    display: none;
  }
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.space_type {
  max-height: 212px;
  overflow: auto;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.space_type .mCSB_outside + .mCSB_scrollTools {
  right: -5px;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.room_type ul {
  max-height: 212px;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.furniture_type ul {
  max-height: 160px;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.room_type ul,
.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.furniture_type ul {
  overflow: auto;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.room_type ul .mCSB_outside + .mCSB_scrollTools,
.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main.furniture_type ul .mCSB_outside + .mCSB_scrollTools {
  right: -5px;
  background-color: #ffffff;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #5d6374 !important;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .space_type_radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: inline;
  width: auto;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .space_type_label {
  display: block;
  font-size: 1.125em;
  color: #3c3c3c;
  font-weight: normal;
  padding: 10px 15px;
  cursor: pointer;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .space_type_label.active {
  background-color: #f7f7f7;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu {
  padding: 15px;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu label {
  position: relative;
  padding-left: 40px;
  color: #9a9a9a;
  font-size: 1.125em;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu label .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: 2px solid #b4b4b4;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu input:checked ~ .checkmark {
  background-color: #f7ad1d;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu input:checked ~ .checkmark:after {
  display: block;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_guide_sub_menu .checkmark:after {
  left: 1px;
  top: 3px;
  width: 12px;
  height: 9px;
  background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
  background-position: 95% center;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .furniture_type_search {
  width: 100%;
  padding: 10px 15px;
  margin: 10px 0;
  background-color: #f6f6f6;
  border: 1px solid #c9c9c9;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .max_msg {
  opacity: 0;
  padding: 10px;
  color: #f1592a;
  font-size: 1em;
  font-weight: 300;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .furniture_guide_menu_main .max_msg.active {
  opacity: 1;
}

.furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .selected_items_wrap {
  display: none;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .selected_items_wrap {
    display: block;
    width: 100%;
    margin-top: 5px;
    cursor: pointer;
  }

  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .selected_items_wrap .selected_item {
    display: inline-block;
    background-color: #b7b7b7;
    font-size: 1.125em;
    font-weight: normal;
    color: #3b3b3b;
    border-radius: 5px;
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
  }

  .furniture_guide_main .furniture_guide_menu_wrap .furniture_guide_menu .selected_items_wrap .selected_item:after {
    content: '\E910';
    vertical-align: bottom;
    margin-left: 5px;
  }
}

.furniture_guide_main .furniture_guide_go_wrap {
  margin: 35px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_go_wrap {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    width: 96%;
    position: fixed;
    bottom: 10px;
    margin: 0 2%;
  }
}

.furniture_guide_main .furniture_guide_go_wrap .furniture_guide_go_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .furniture_guide_go_wrap .furniture_guide_go_btn {
    width: 100%;
  }
}

.furniture_guide_main .furniture_guide_go_wrap .furniture_guide_go_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff !important;
  border: 1px solid #f1592a;
}

.furniture_guide_main .furniture_guide_go_wrap .furniture_guide_go_btn:hover:after {
  color: #ffffff !important;
}

.furniture_guide_main .funriture_guide_mobile_submenu {
  display: none;
}

@media only screen and (max-width: 768px) {
  .furniture_guide_main .funriture_guide_mobile_submenu {
    display: block;
    width: 80%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    background-color: #ffffff;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .furniture_guide_main .funriture_guide_mobile_submenu.active {
    right: 0;
  }
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_menu_main {
  display: none;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_menu_main.active {
  display: block;
}

.furniture_guide_main .funriture_guide_mobile_submenu .space_type_radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: inline;
  width: auto;
}

.furniture_guide_main .funriture_guide_mobile_submenu .space_type_label {
  display: block;
  font-size: 1.125em;
  color: #3c3c3c;
  font-weight: normal;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
}

.furniture_guide_main .funriture_guide_mobile_submenu .space_type_label.active {
  background-color: #f7f7f7;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu {
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu label {
  position: relative;
  padding-left: 40px;
  color: #9a9a9a;
  font-size: 1.125em;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu label .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu input:checked ~ .checkmark {
  background-color: #f7ad1d;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu input:checked ~ .checkmark:after {
  display: block;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_guide_sub_menu .checkmark:after {
  left: 1px;
  top: 3px;
  width: 12px;
  height: 9px;
  background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
  background-position: 95% center;
}

.furniture_guide_main .funriture_guide_mobile_submenu .furniture_type_search {
  width: 100%;
  padding: 10px 15px;
  margin: 10px 0;
  background-color: #f6f6f6;
  border: 1px solid #c9c9c9;
}

.furniture_guide_main .funriture_guide_mobile_submenu .max_msg {
  opacity: 0;
  padding: 10px;
  color: #f1592a;
  font-size: 1em;
  font-weight: 300;
}

.furniture_guide_main .funriture_guide_mobile_submenu .max_msg.active {
  opacity: 1;
}

.furniture_guide_main .overlay-sub {
  display: none;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
}

.internal-form-btn {
  background: #f7ad1d;
  padding: 10px 20px;
  border-radius: 10px;
  border: 0;
  width: auto;
  font-size: 1em;
  font-weight: 600;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.internal-form-btn.mob {
  display: none;
  bottom: 100px;
  right: 0;
  border-radius: 10px 0 0 10px;
  padding: 15px;
}

.internal-form-btn.mob i {
  font-size: 26px;
}

.banner--form-wrap.internal-form-wrap {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  top: unset;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 1100;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.banner--form-wrap.internal-form-wrap.active {
  display: block;
}

@media only screen and (max-width: 768px) {
  .banner--form-wrap.internal-form-wrap {
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
  }
}

.banner--form-wrap.internal-form-wrap .internal-form-close {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 23px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .banner--form-wrap.internal-form-wrap .internal-form-close {
    right: 10px;
    top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .internal-form-btn.desktop {
    display: none;
  }

  .internal-form-btn.mob {
    display: block;
  }
}

.fevicol_heading_wrap {
  margin: 30px 0;
}

.fevicol_heading_wrap .contractor_listing_heading {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .contractor_listing_heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 10px;
  }
}

.fevicol_heading_wrap .contractor_listing_heading .pincode_error {
  display: none;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .contractor_listing_heading .pincode_error {
    margin-top: 5px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap {
    margin: 10px 0 0;
  }
}

.fevicol_heading_wrap .fevicol_heading {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .fevicol_heading {
    width: 100%;
  }
}

.fevicol_heading_wrap .fevicol_heading h4 {
  color: #000000;
  text-transform: uppercase;
  line-height: 30px;
}

.fevicol_heading_wrap .fevicol_heading h4 .fevicol_inner_heading {
  display: block;
  width: auto;
  text-transform: uppercase;
  padding-left: 5px;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .fevicol_heading .fevicol_heading_main {
    font-size: 22px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading {
  display: block;
  text-transform: uppercase;
  font-size: 30px;
  color: #f7ad1d;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading {
    font-size: 22px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.edit_heading {
  margin-left: 10px;
  width: 210px;
  font-size: 27px;
  margin-bottom: -6px;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.edit_heading {
    font-size: 21px;
    margin-bottom: -3px;
  }
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.edit_heading::-webkit-input-placeholder {
  color: #f7ad1d !important;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.edit_heading::-ms-input-placeholder {
  color: #f7ad1d !important;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.edit_heading::placeholder {
  color: #f7ad1d !important;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fevicol_inner_heading.pincode_input {
  margin-left: 5px;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fdi_pencil {
  color: #8b8b8b;
  background-color: #f1f2f6;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  margin: 0 10px;
  cursor: pointer;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fdi_pencil.go_btn {
  padding: 10px;
  font-family: 'Titillium Web' !important;
}

.fevicol_heading_wrap .fevicol_heading .fevicol_heading_main .fdi_pencil.go_btn:before {
  content: '';
}

.fevicol_heading_wrap .rating_dropdown_wrap {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .rating_dropdown_wrap {
    margin: 10px;
    width: 100%;
  }
}

.fevicol_heading_wrap .rating_dropdown_wrap .dropdown_select {
  border-bottom: 1px solid #cbcbcb;
  color: #3c3c3c;
  font-size: 1.125em;
  padding: 10px 30px 10px 0;
  background: url(/images/drop-down-arrow.png?2a617d34f778f4aa005b3cae2158c065) no-repeat;
  background-position: 98% center;
  cursor: pointer;
  min-width: 230px;
}

.fevicol_heading_wrap .rating_dropdown_wrap .rating_dropdown_option {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  -webkit-box-shadow: -5px 0 15px -2px rgba(0, 0, 0, 0.4);
          box-shadow: -5px 0 15px -2px rgba(0, 0, 0, 0.4);
}

.fevicol_heading_wrap .rating_dropdown_wrap .rating_dropdown_option.active {
  display: block;
}

.fevicol_heading_wrap .rating_dropdown_wrap .rating_dropdown_option li {
  cursor: pointer;
  padding: 10px 15px;
  border-bottom: 1px dashed #cbcbcb;
}

.fevicol_heading_wrap .rating_dropdown_wrap .rating_dropdown_option li:first-child {
  color: #3c3c3c;
  font-size: 1.125em;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading_wrap .display_flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .fevicol_heading_wrap .display_flex .sel_black_panther {
    margin: 10px 0 0;
  }
}

.contractor_listing_wrap {
  margin: 30px 0 0;
}

@media only screen and (max-width: 768px) {
  .contractor_listing_wrap {
    margin: 10px 0 0;
  }
}

.contractor_listing_wrap .contractor_profile_card_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card {
  width: calc(92% / 3);
  background-color: #f1f2f6;
  border-radius: 10px;
  margin-right: 4%;
  margin-bottom: 4%;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n) {
    margin-right: 15px;
  }
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card:nth-last-child(-n+3) {
  margin-bottom: 30px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_cover img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info {
  padding: 0 15px 3px 20px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_pic {
  display: inline-block;
  margin-top: -65px;
  background-color: rgba(255, 255, 255, 0.74902);
  padding: 3px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
  z-index: 1;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0 5px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name .contractorname {
  color: #000;
  font-size: 1.25em;
  font-weight: 600;
  word-wrap: break-word;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name .fdi_heart {
  color: #78909c;
  margin-right: 10px;
  cursor: pointer;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name .fdi_heart.checked {
  color: #f1592a;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_name .fdi_share {
  color: #161616;
  font-weight: bold;
  cursor: pointer;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .contractor_location {
  color: #78787f;
  font-size: 1em;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .contractor_rating_wrap {
  margin: 5px 0 20px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .know_more_btn {
  color: #e64f25;
  font-size: 1.125em;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .know_more_btn:hover {
  background-color: #e64f25 !important;
  color: #ffffff;
  border: 1px solid #e64f25;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote {
  margin: 10px 0;
  background-color: #16345b;
  color: #ffffff;
  font-size: 1.125em;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote:hover {
  background-color: #e64f25 !important;
  color: #ffffff;
  border: 1px solid #e64f25;
}

@media only screen and (min-width: 1024px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote {
    font-size: 0.813em;
  }
}

@media only screen and (min-width: 1400px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote {
    font-size: 1.125em;
  }
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data {
  margin: -20px 0 12px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data .bid_wrap {
  margin-right: 30px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data span {
  font-size: 1.125em;
  color: #000000;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data span .amount {
  font-weight: 600;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data .high {
  background-color: #e64f25;
  color: #ffffff;
  font-size: 1.125em;
  border-radius: 20px;
  padding: 10px 15px;
}

.contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .bid_data .low {
  background-color: #15b40d;
  color: #ffffff;
  font-size: 1.125em;
  border-radius: 20px;
  padding: 10px 15px;
}

@media only screen and (max-width: 1440px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card {
    width: 29%;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card {
    width: 47%;
    margin: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .contractor_listing_wrap .contractor_profile_card_main .contractor_profile_card {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_listing_wrap .contractor_profile_card_main {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.pagination_wrap {
  width: 100%;
  text-align: right;
  clear: both;
}

.pagination_wrap .load_more_wrap {
  margin: 30px 0;
}

.pagination_wrap .load_more_wrap button {
  background: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  padding: 20px;
  border: 0;
  font-weight: bold;
}

.pagination_wrap .load_more_wrap button:hover {
  background: #dddcdc !important;
  border: 0;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .pagination_wrap .load_more_wrap {
    width: 60%;
    margin: 10px auto;
  }
}

.pagination_wrap ul.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 768px) {
  .pagination_wrap ul.pagination {
    margin: 25px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px;
  }
}

.pagination_wrap ul.pagination li {
  color: #373737;
  float: left;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 1.25em;
  font-weight: 600;
  background: transparent;
  margin: 5px;
  border: 1px solid #acacac !important;
}

@media only screen and (max-width: 768px) {
  .pagination_wrap ul.pagination li {
    padding: 5px;
    margin: 0;
  }
}

.pagination_wrap ul.pagination li.active {
  background-color: transparent;
  color: #f19121;
  border: 1px solid #f19121 !important;
}

.pagination_wrap ul.pagination li a {
  color: #373737 !important;
}

.pagination_wrap ul.pagination li:first-child {
  border: 0 !important;
}

.pagination_wrap ul.pagination li:last-child {
  border: 0 !important;
}

.fevicol_heading2_wrap {
  margin: 70px 0 130px;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap {
    margin: 20px;
  }
}

.fevicol_heading2_wrap .fevicol_heading {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_heading {
    width: 100%;
  }
}

.fevicol_heading2_wrap .fevicol_heading h2 {
  font-size: 1.5em;
  color: #000000;
  text-transform: uppercase;
  line-height: 30px;
}

.fevicol_heading2_wrap .fevicol_heading h2 .fevicol_inner_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 35px;
  color: #f7ad1d;
  font-weight: bold;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_heading h2 .fevicol_inner_heading {
    display: block;
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_heading h2 {
    text-align: center;
  }
}

.fevicol_heading2_wrap .fevicol_listing_description {
  margin: 70px 0;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_listing_description {
    text-align: justify;
    margin: 20px 0;
  }
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img {
  width: 45%;
  margin-right: 15px;
  position: relative;
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img img {
  border-radius: 8px;
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img img {
    margin: 0 auto;
  }
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
  position: absolute;
  content: "";
  width: 70%;
  top: -40px;
  border: 1px solid #000000;
  margin: 0 auto;
  z-index: -1;
  left: 0;
  height: 360px;
  border-right: 1px solid #000000;
  right: -122px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
    width: 73%;
    height: 314px;
  }
}

@media only screen and (min-width: 1920px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
    width: 74%;
    right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
    width: 76%;
  }
}

@media only screen and (min-width: 1366px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
    width: 78%;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img:before {
    display: none;
  }
}

@media only screen and (min-width: 1920px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img {
    width: 40%;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_img {
    width: 100%;
    margin: 0;
  }
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_detail {
  width: 55%;
  margin-left: 15px;
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_detail p {
  font-size: 1.125em;
  color: #3f3f3f;
  line-height: 24px;
}

.fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_detail p span {
  font-size: 1.25em;
  font-weight: bold;
  margin: 15px 0;
  display: block;
}

@media only screen and (min-width: 1920px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_detail {
    width: 60%;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .fevicol_listing_description .fevicol_listing_description_detail {
    width: 100%;
    margin: 20px 0;
  }
}

@media only screen and (max-width: 768px) {
  .fevicol_heading2_wrap .display_flex {
    display: block;
  }
}

.login_popup {
  width: 35%;
  border-radius: 10px;
  color: #e75930;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: -webkit-fit-content;
  margin: auto;
  padding: 15px;
  background: #ffffff;
}

.login_popup .upload_modal_wrap {
  text-align: center;
  padding-top: 20px;
}

.login_popup .upload_modal_wrap p {
  color: #000;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap p {
    font-size: 18px;
    line-height: 25px;
  }
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .error_msg span {
  line-height: 1.5;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper {
  padding: 20px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  text-align: center;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper img {
  margin: 0 auto;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper h6 {
  font-weight: 600;
  color: #000;
  padding: 10px 0;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper h6 {
    font-size: 18px;
    line-height: 25px;
  }
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper p {
  font-size: 16px;
  color: #999;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper p {
    font-size: 14px;
  }
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper .divider {
  position: relative;
  padding: 2px;
  margin-top: -16px;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper .divider span {
  border: 1px solid #ddd;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  padding: 5px;
  color: #999;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper .browse_btn {
  display: inline-block;
  margin: 25px auto 0;
  color: #000;
  background: #ddd;
  border: 1px solid #999;
  padding: 10px 30px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .drag_drop_wrapper .drag_wrapper .browse_btn {
    font-size: 14px;
  }
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .afterupload_wrapper {
  display: none;
}

.login_popup .upload_modal_wrap .drag_drop_wrapper .afterupload_wrapper p {
  border-bottom: 0;
}

.login_popup .upload_modal_wrap .done_upload_wrap {
  display: none;
}

.login_popup .upload_modal_wrap .done_upload_wrap img {
  margin: 0 auto;
  display: block;
}

.login_popup .upload_modal_wrap .done_upload_wrap p {
  font-size: 30px;
  color: #f19121;
  padding-bottom: 15px;
  padding-top: 15px;
  line-height: 32px;
  margin: 0;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .done_upload_wrap p {
    font-size: 18px;
    line-height: 20px;
  }
}

.login_popup .upload_modal_wrap .done_upload_wrap span {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .done_upload_wrap span {
    font-size: 18px;
    line-height: 20px;
  }
}

.login_popup .upload_modal_wrap .upload_btn_wrap {
  text-align: center;
  padding-top: 20px;
}

.login_popup .upload_modal_wrap .upload_btn_wrap #submitBtn {
  display: none;
}

.login_popup .upload_modal_wrap .upload_btn_wrap .upload_btn {
  background: #f7ad1d;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: #000000;
  font-size: 24px;
  padding: 10px 30px;
}

@media only screen and (max-width: 1280px) {
  .login_popup .upload_modal_wrap .upload_btn_wrap .upload_btn {
    font-size: 1.125em;
  }
}

@media only screen and (max-width: 767px) {
  .login_popup .upload_modal_wrap {
    padding: 20px;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .login_popup {
    width: 100%;
    border-radius: unset;
    top: 0 !important;
    padding: 0;
  }

  .login_popup .login_form_login {
    border-radius: 0 !important;
  }

  .login_popup .close_black {
    z-index: 9;
    top: 10%;
  }
}

.pincode_error_msg .error_img {
  width: 30%;
}

@media screen and (max-width: 1024px) {
  .pincode_error_msg .error_img {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .pincode_error_msg .error_img img {
    display: inline-block;
  }
}

.pincode_error_msg .error_form_wrap {
  width: calc(70% - 100px);
  padding-left: 100px;
}

@media screen and (max-width: 1024px) {
  .pincode_error_msg .error_form_wrap {
    width: 100%;
    padding-left: 0;
  }
}

.pincode_error_msg .error_form_wrap .pincode_form form {
  margin-top: 40px;
  max-width: 500px;
}

@media screen and (max-width: 1280px) {
  .pincode_error_msg .error_form_wrap .pincode_form form {
    max-width: 100%;
  }
}

.pincode_error_msg .error_form_wrap .pincode_form form fieldset ul li {
  margin-bottom: 20px;
}

.pincode_error_msg .error_form_wrap .pincode_form form fieldset label {
  margin-bottom: 10px;
  display: block;
}

.pincode_error_msg .error_form_wrap .pincode_form form fieldset label.error {
  color: red;
  margin-top: 10px;
}

.pincode_error_msg .error_form_wrap .pincode_form form input[type=tel],
.pincode_error_msg .error_form_wrap .pincode_form form input[type=text] {
  border: 0;
  padding: 10px;
  background: #f1f2f6;
}

.pincode_error_msg .error_form_wrap .pincode_form form .pincode_submit {
  background: #f7ad1d;
  padding: 10px;
  border-radius: 10px;
  border: 0;
}

.contractor_profile_main {
  padding: 35px 0 25px;
  background-color: #f5f5f5;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main {
    padding: 20px;
  }
}

.contractor_profile_main .contractor_detail_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contractor_profile_main .contractor_detail_wrap .divider {
  width: 2px;
  height: 140px;
  background: #cacaca;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .divider {
    width: 100%;
    height: 2px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_special_wrap + .divider {
    display: none;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_info_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_photo_main {
  margin-right: 35px;
  width: 114px;
  height: 114px;
  background: #bfbfbf;
  border-radius: 60px;
  overflow: hidden;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_photo_main img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_photo_main {
    margin: 0 20px 20px 0;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_name {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #3c3c3c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_name .fdi_heart {
  font-size: 0.8em;
  color: #f1592a;
  margin-left: 25px;
  cursor: pointer;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_rating_wrap {
  margin-bottom: 10px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_review_wrap {
  margin-bottom: 10px;
  font-size: 1.125em;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_review_wrap .review_text {
  font-weight: normal;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_review_wrap .review_count {
  font-weight: bold;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap {
  margin-bottom: 20px;
  font-size: 1.125em;
  font-weight: normal;
  position: relative;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap .tooltip {
  display: inline-block;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap .tooltip:after {
  content: '\E887';
  font-size: 1.25em;
  vertical-align: bottom;
  padding-right: 3px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap .tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #3c3c3c;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1;
  top: 35px;
  left: 40%;
  line-height: 22px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap .tooltip .tooltiptext:before {
  content: '';
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #3c3c3c transparent;
  position: absolute;
  top: -10px;
  left: 50%;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .fevicol_certification_wrap .tooltip:hover .tooltiptext {
  visibility: visible;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_location {
  font-size: 1.25em;
  font-weight: normal;
  margin-bottom: 10px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_info_wrap .profile_info_main .contractor_location.address {
  word-break: break-all;
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap {
  font-size: 1.125em;
  width: 40%;
}

@media screen and (max-width: 1024px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_special_wrap {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_special_wrap {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_special_wrap {
    margin: 0;
    width: 100%;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .contractor_specialization_title {
  font-weight: bold;
  margin-bottom: 5px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .specialized_tags {
  margin-bottom: 10px;
  max-width: 250px;
  line-height: 25px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .contractor_specialization_type {
  color: #3c3c3c;
  font-weight: normal;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .contractor_specialization_type {
    margin-bottom: 10px;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .trade_since {
  font-weight: bold;
  margin-bottom: 5px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .fevicol_association {
  font-weight: bold;
  margin-bottom: 10px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_special_wrap .fevicol_association .contractor_location.address {
  word-break: break-all;
  font-size: 15px;
  line-height: 1.5;
  display: block;
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap {
    margin: 0;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .social_title {
  font-weight: bold;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts {
    float: left;
  }

  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts:after {
    content: '';
    clear: both;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li {
  display: inline-block;
  margin: 13px 10px 0;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li {
    margin: 10px 5px;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li:first-child {
    margin-left: 5px;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li:last-child {
    margin-right: 7px;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a {
  color: #ffffff;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a i {
  font-size: 2em;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a i.fdi_facebook_square {
  color: #3b5998;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a i.fdi_twitter_square {
  color: #1da1f2;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a i.fdi_google_plus_square {
  color: #dd4b39;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li a i.fdi_envelope_square {
  color: #f7941d;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li.commenting_square {
  background-color: #f1592a;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li.commenting_square a {
  color: #ffffff;
  padding: 3px 5px 5px;
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li.commenting_square a i {
  font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li.commenting_square a {
    padding: 5px 5px 4px;
  }

  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap .contractor_social_accounts li.commenting_square a i {
    font-size: 1.1em;
  }
}

.contractor_profile_main .contractor_detail_wrap .contractor_social_wrap #st-1.sharethis-inline-share-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .contractor_social_wrap #st-1.sharethis-inline-share-buttons {
    margin-bottom: 10px;
  }
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap {
  margin: 25px 0;
}

@media only screen and (max-width: 768px) {
  .contractor_profile_main .contractor_detail_wrap .get_quote_wrap {
    margin: 30px auto;
  }
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-size: 1.125em;
  font-weight: bold;
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn:hover:after {
  color: #f1592a;
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn.request_sent {
  background-color: #78909c !important;
  color: #000000;
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn.request_sent:hover {
  background-color: #78909c !important;
  color: #000000;
  border: 1px solid #78909c;
}

.contractor_profile_main .contractor_detail_wrap .get_quote_wrap .get_free_quote_btn.request_sent:hover:after {
  color: #000000;
}

.fevicol_contractor_work_mainlyin_wrap {
  margin-bottom: 10px;
  font-size: 1.125em;
  font-weight: normal;
  position: relative;
}

.fevicol_contractor_work_mainlyin_wrap .tooltip {
  display: inline-block;
}

.fevicol_contractor_work_mainlyin_wrap .tooltip:after {
  content: '\E887';
  font-size: 1.25em;
  vertical-align: bottom;
  padding-right: 3px;
}

.fevicol_contractor_work_mainlyin_wrap .tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #3c3c3c;
  color: #ffffff;
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1;
  top: 35px;
  left: calc(100% - 125%);
  right: 0;
  margin: 0 auto;
  line-height: 13px;
}

.fevicol_contractor_work_mainlyin_wrap .tooltip .tooltiptext:before {
  content: '';
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #3c3c3c transparent;
  position: absolute;
  top: -10px;
  left: 50%;
}

@media screen and (max-width: 1024px) {
  .fevicol_contractor_work_mainlyin_wrap .tooltip .tooltiptext:before {
    left: 127px;
  }
}

@media screen and (max-width: 480px) {
  .fevicol_contractor_work_mainlyin_wrap .tooltip .tooltiptext:before {
    left: 122px;
  }
}

@media screen and (max-width: 1024px) {
  .fevicol_contractor_work_mainlyin_wrap .tooltip .tooltiptext {
    left: -5%;
  }
}

.fevicol_contractor_work_mainlyin_wrap .tooltip:hover .tooltiptext {
  visibility: visible;
}

.contractor_projects_main {
  padding: 40px 0 20px;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main {
    padding: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .contractor_projects_main {
    padding: 20px 10px;
  }
}

.contractor_projects_main .contractor_projects_sorting_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.contractor_projects_main .contractor_projects_sorting_wrap .contractor_projects_title {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 30px;
  text-transform: uppercase;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul:before {
  content: '\F0B0';
  color: #cfcfcf;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul li {
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #a9a9a9;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul li {
    display: none;
  }
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul li:last-child {
  border: none;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul li a {
  font-size: 1em;
  font-weight: normal;
  color: #3c3c3c;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.desktop_display ul li a.selected {
  font-weight: bold;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display i {
  color: #8b8b8b;
  background-color: #f1f2f6;
  font-size: 18px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 5px;
  margin: 0 5px;
  cursor: pointer;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display .mobile_project_sorting {
  width: auto;
  position: absolute;
  top: 15px;
  right: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 2;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display .mobile_project_sorting.active {
  display: block;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display .mobile_project_sorting li {
  display: block;
  padding: 10px;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display .mobile_project_sorting li a {
  font-size: 1em;
  font-weight: normal;
  color: #3c3c3c;
}

.contractor_projects_main .contractor_projects_sorting_wrap .projects_sorting_main.mobile_display .mobile_project_sorting li a.selected {
  font-weight: bold;
}

.contractor_projects_main .inspiration_card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 10px;
  margin: 30px 0;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main {
  position: relative;
  border-radius: 10px;
  margin-bottom: 1%;
  margin-right: 1%;
  height: 100%;
  overflow: hidden;
  outline: none;
  border: none;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main {
    outline: none;
    border: none;
    margin: 0 5px;
  }
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main:hover .inspiration_card_content {
  bottom: 0;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_small {
  width: 32.33%;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_small {
    width: 49%;
  }
}

@media only screen and (max-width: 425px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_small {
    width: 100%;
  }
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_big {
  width: 66%;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_big {
    width: 49%;
  }
}

@media only screen and (max-width: 425px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main.card_big {
    width: 100%;
  }
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap {
  width: 95%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 1;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .inspiration_tag_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .inspiration_tag_left .design_type {
  padding: 8px 15px;
  border-radius: 20px;
  background-color: #f7ad1d;
  color: #000000;
  font-size: 0.813em;
  font-weight: 600;
  margin-right: 10px;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .inspiration_tag_left .like_wrap {
  padding: 8px 15px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #000;
  font-size: 0.813em;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_tag_wrap .inspiration_tag_left .like_wrap .fdi_heart {
  padding-left: 5px;
  font-weight: 600;
  color: #e64f25;
}

@media (max-width: 768px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img {
    height: 100%;
  }

  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img img {
    height: 100%;
  }
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_bg_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: -100%;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  border-radius: 10px;
  color: #ffffff;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap {
  position: relative;
  height: 100%;
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap {
    margin: 0 15px;
  }
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap span {
  margin-bottom: 5px;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap span span:first-child {
  font-weight: bold;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .making_details {
  padding: 10px 0;
  font-size: 1.5em;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .making_details:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #ffffff;
  margin-top: 10px;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap {
  position: absolute;
  width: 100%;
  bottom: 10px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.25em;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:hover:after {
  color: #ffffff;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_view_wrap:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
  font-weight: bold;
}

.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_like_share_wrap .inspiration_like_wrap button,
.contractor_projects_main .inspiration_card_wrap .inspiration_card_main .inspiration_card_content .inspiration_card_content_wrap .inspiration_card_interactive_wrap .inspiration_like_share_wrap .inspiration_share_wrap button {
  color: #ffffff;
  font-size: 1.25em;
}

.contractor_projects_main .contractor_reviews_wrap {
  margin: 20px 0;
}

.contractor_projects_main .contractor_reviews_wrap .contractor_reviews_title {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-list {
    height: auto;
  }

  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-prev {
    left: 0;
  }

  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-next {
    right: 0;
  }

  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-next,
  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-prev {
    width: auto;
    height: auto;
    background: #ffffff;
    border-radius: 35px;
    -webkit-box-shadow: -1px -1px 10px 1px rgba(0, 0, 0, 0.2);
            box-shadow: -1px -1px 10px 1px rgba(0, 0, 0, 0.2);
  }

  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-next:before,
  .contractor_projects_main .contractor_reviews_wrap .reviews_main .slick-prev:before {
    font-size: 30px;
    opacity: 1;
  }
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 0;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card:nth-child(odd) {
  background-color: #f6f6f6;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card:nth-child(even) {
  background-color: #ffffff;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .reviewer_image_wrap {
  width: 114px;
  height: 114px;
  background: #bfbfbf;
  border-radius: 60px;
  overflow: hidden;
  margin: 15px 0;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .reviewer_image_wrap span {
  text-align: center;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .reviewer_image_wrap img {
  width: 100%;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .review_content {
  width: 80%;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .review_content .reviewer_name_wrap {
  line-height: 30px;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .review_content .reviewer_name_wrap .reviewer_name {
  color: #000;
  font-size: 1.5em;
  font-weight: 600;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .review_content .review_date {
  font-weight: 300;
  font-size: 1em;
  line-height: 30px;
}

.contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .review_content .review_text {
  font-size: 1.125em;
  font-weight: 100;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    outline: none;
    border: none;
    margin: 0 5px;
  }

  .contractor_projects_main .contractor_reviews_wrap .reviews_main .review_card .reviewer_rating {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .contractor_projects_main .contractor_reviews_wrap .load_more_wrap {
    display: none;
  }
}

.load_more_wrap {
  margin: 30px 0;
}

.load_more_wrap .load_more_button {
  font-weight: bold;
  font-size: 1.125em;
  background: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  border: 0;
  padding: 20px;
}

.load_more_wrap .load_more_button:hover {
  background: #dddcdc !important;
  border: 0;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .load_more_wrap .load_more_button {
    width: 60%;
    margin: 10px auto;
  }
}

.gallery_listing_main {
  padding: 35px 0;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main {
    padding: 20px 15px;
  }
}

.gallery_listing_main .gallery_listing_title {
  color: #3c3c3c;
  font-weight: 300;
  margin-bottom: 10px;
}

.gallery_listing_main .gallery-cover {
  margin: 25px 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery-cover {
    display: none;
  }
}

.gallery_listing_main .gallery_filters_wrap {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap {
    margin-bottom: 15px;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap .filter_desktop {
    display: none;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop li {
  display: inline-block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down {
  width: 30%;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down {
    width: 28%;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .drop_down_title {
  color: #f19121;
  font-size: 1.125em;
  font-weight: normal;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main {
  max-height: 52px;
  border: 1px solid #a1a1a1;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #3b3b3b;
  background-position: 95% center;
  cursor: pointer;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop.bottom {
  z-index: 9;
  left: -1px;
  border-radius: 0px 0px 4px 4px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop.bottom li {
  display: block;
  padding: 10px 5px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main option {
  display: inline-block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop input[type=checkbox] {
  width: auto;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice {
  padding: 12px 10px;
  border: none;
  height: auto;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice > span {
  font-family: 'Titillium Web';
  position: unset;
  color: #3b3b3b;
  font-size: 18px;
  font-weight: normal;
  padding: 0;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice > div {
  top: 11px;
  right: 5px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label {
  position: relative;
  padding-left: 25px;
  color: #9a9a9a;
  font-size: 1em;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox input:checked ~ .checkmark {
  background-color: #f7ad1d;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox input:checked ~ .checkmark:after {
  display: block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox .checkmark:after {
  left: 2px;
  top: 3px;
  width: 12px;
  height: 9px;
  background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
  background-position: 95% center;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_brown .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_brown:hover input ~ .checkmark {
  background-color: #7d4900;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_cream .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_cream:hover input ~ .checkmark {
  background-color: #fae8d4;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_black .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_black:hover input ~ .checkmark {
  background-color: #000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gray .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gray:hover input ~ .checkmark {
  background-color: #d7d7d7;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_yellow .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_yellow:hover input ~ .checkmark {
  background-color: #fff000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_blue .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_blue:hover input ~ .checkmark {
  background-color: #0078ff;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_red .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_red:hover input ~ .checkmark {
  background-color: #fa0000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_green .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_green:hover input ~ .checkmark {
  background-color: #2ffb00;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_orange .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_orange:hover input ~ .checkmark {
  background-color: #ff9600;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gold .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gold:hover input ~ .checkmark {
  background-color: #cac302;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_pink .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_pink:hover input ~ .checkmark {
  background-color: #ff00de;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_purple.violet .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_purple.violet:hover input ~ .checkmark {
  background-color: #551A8B;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_white .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_white:hover input ~ .checkmark {
  background-color: #fff;
  border: .1px solid #000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_violet .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_violet:hover input ~ .checkmark {
  background-color: #551A8B;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_tan .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_tan:hover input ~ .checkmark {
  background-color: #D2B48C;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_turquoise .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_turquoise:hover input ~ .checkmark {
  background-color: #40E0D0;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_multi .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_multi:hover input ~ .checkmark {
  background-image: url(/images/multicolor.jpg?79e85d10671de9d1205474de4f8c73c8);
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn {
  color: #000000;
  background-color: #f7ad1d;
  font-weight: 300;
  font-size: 1.5em;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:hover:after {
  color: #ffffff;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:after {
  content: '\F002';
  color: #000000;
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile {
  display: none;
  font-size: 1.125em;
  font-weight: normal;
  color: #ffffff;
  padding: 15px 10px;
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  background: #16345b;
  position: fixed;
  right: 0;
  z-index: 1;
  text-transform: uppercase;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap .filter_mobile {
    display: block;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile i {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #fff;
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile:hover {
  background: #20477b !important;
}

.gallery_listing_main .gallery_designs_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main {
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
  height: 100%;
  overflow: hidden;
  outline: none;
  border: none;
  margin-right: 1%;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main:nth-child(3n) {
  margin-right: 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main:hover .gallery_designs_content {
  bottom: 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
  width: 32.33%;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small h5 {
  line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 49%;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
  padding: 15% 35px;
  position: absolute;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
    padding: 15% 35px;
  }
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
    padding: 5% 35px;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .wood-tool-img {
  margin: 0 auto;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_content {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 1.5em;
  color: #ffffff;
  line-height: 35px;
  margin: 10% 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn {
  width: 100%;
  background-color: #f7ad1d;
  font-size: 1.125em;
  color: #000000;
  font-weight: 600;
  padding: 10px 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn:hover:after {
  color: #ffffff;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 49%;
    margin-bottom: 10px;
    margin-right: 1%;
  }

  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 550px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap {
  position: absolute;
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .design_type {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #f7ad1d;
  color: #000000;
  font-size: 0.813em;
  font-weight: 600;
  margin-right: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .like_wrap {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  font-size: 0.813em;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .like_wrap .fdi_heart {
  padding-left: 5px;
  font-weight: 600;
  color: #e64f25;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img {
    height: 100%;
  }

  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img img {
    height: 100%;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -100%;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  border-radius: 10px;
  color: #ffffff;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap {
  position: relative;
  height: 100%;
  margin: 0 15px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .lowest_cost_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .dimen_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .type_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .material_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .uplostery_wrap {
  display: block;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap span {
  margin-bottom: 5px;
  font-weight: 300;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap span span:first-child {
  font-weight: 600;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details {
  padding: 10px 0;
  font-size: 1.5em;
  font-weight: 600;
  border-style: solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #ffffff;
  margin-top: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap {
  width: 100%;
  position: absolute;
  bottom: 10px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.25em;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:hover:after {
  color: #ffffff;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_like_share_wrap .gallery_like_wrap button,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_like_share_wrap .gallery_share_wrap button {
  color: #ffffff;
  font-size: 1.25em;
}

.gallery_listing_main .load_more_wrap {
  margin: 30px 0;
  text-align: center;
}

.gallery_listing_main .load_more_wrap .load_more_btn {
  background-color: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  padding: 20px;
  font-weight: bold;
  font-size: 1.25em;
  border: none;
}

.gallery_listing_main .load_more_wrap .load_more_btn:hover {
  background: #dddcdc !important;
  color: #000000;
  border: none;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .load_more_wrap .load_more_btn {
    width: 60%;
    margin: 10px auto;
  }
}

.sort_filter_mobile {
  position: fixed;
  top: 0;
  right: -100%;
}

@media only screen and (max-width: 768px) {
  .sort_filter_mobile {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    z-index: 997;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  .sort_filter_mobile.active {
    right: 0px;
  }

  .sort_filter_mobile .filter_mobile_head {
    background-color: #16345b;
    padding: 25px 30px;
    text-align: center;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mob_back_btn {
    float: left;
    padding: 0;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mob_back_btn:before {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.6em;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mobile_title {
    font-size: 1.5em;
    font-weight: normal;
    color: #ffffff;
  }

  .sort_filter_mobile .filter_mobile_head:after {
    content: '';
    clear: both;
  }

  .sort_filter_mobile .filter_mobile_middle {
    margin: 15px 2%;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main {
    margin-top: 10px;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_title {
    color: #f19121;
    font-size: 1.25em;
    font-weight: normal;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_title span {
    color: #000;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_btn {
    border: 1px solid #a1a1a1;
    margin-top: 10px;
    border-radius: 5px;
    color: #3b3b3b;
    cursor: pointer;
    padding: 15px 10px;
    background: #ffffff;
    font-size: 1.25em;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_btn:after {
    content: '\E907';
    color: #000;
    right: 5%;
    position: absolute;
    font-weight: bold;
  }

  .sort_filter_mobile .filter_mobile_bottom {
    position: fixed;
    bottom: 10px;
    width: 96%;
    margin: 0 2%;
  }

  .sort_filter_mobile .filter_mobile_bottom .filter_mobile_apply {
    background-color: #f7ad1d;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 300;
    font-size: 1.5em;
  }

  .sort_filter_mobile .filter_mobile_bottom .filter_mobile_apply:hover {
    background-color: #f19121;
    color: #ffffff;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap {
    background: #ffffff;
    position: fixed;
    width: 60%;
    height: 100vh;
    top: 0;
    right: -100%;
    z-index: 999;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap.active {
    right: 0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main {
    display: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main.active {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 100vh;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label {
    position: relative;
    padding-left: 25px;
    color: #9a9a9a;
    font-size: 1em;
    display: block;
    line-height: 15px;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu input:checked ~ .checkmark {
    background-color: #f7ad1d;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu input:checked ~ .checkmark:after {
    display: block;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu .checkmark:after {
    left: 2px;
    top: 3px;
    width: 12px;
    height: 9px;
    background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
    background-position: 95% center;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_brown .checkmark {
    background-color: #7d4900;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_cream .checkmark {
    background-color: #fae8d4;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_black .checkmark {
    background-color: #000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_gray .checkmark {
    background-color: #d7d7d7;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_yellow .checkmark {
    background-color: #fff000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_blue .checkmark {
    background-color: #0078ff;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_red .checkmark {
    background-color: #fa0000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_green .checkmark {
    background-color: #2ffb00;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_orange .checkmark {
    background-color: #ff9600;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_gold .checkmark {
    background-color: #cac302;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_pink .checkmark {
    background-color: #ff00de;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_purple.violet .checkmark {
    background-color: #551A8B;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_purple.violet input:checked ~ .checkmark {
    background-color: #f7ad1d;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_white .checkmark {
    background-color: #fff;
    border: .1px solid #000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_white input:checked ~ .checkmark {
    border: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_violet .checkmark {
    background-color: #EE82EE;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_tan .checkmark {
    background-color: #D2B48C;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_turquoise .checkmark {
    background-color: #40E0D0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_multi .checkmark {
    background-image: url(/images/multicolor.jpg?79e85d10671de9d1205474de4f8c73c8);
  }
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  background-color: #d6d6d6;
}

.mCSB_outside + .mCSB_scrollTools {
  right: 5px;
  background-color: transparent;
  margin: 10px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f7ad1d !important;
  opacity: 1;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  opacity: 1;
}

.login_wrap {
  position: absolute;
  right: 2%;
  background-color: #ffffff;
  border-radius: 8px;
  color: #16345b;
  z-index: 14;
}

@media only screen and (max-width: 768px) {
  .login_wrap {
    display: none;
  }
}

.login_wrap .login_btn {
  color: #000000;
  font-size: 1.125em;
  font-weight: 600;
  position: relative;
}

.login_wrap .login_btn:before {
  content: '\E90E';
  padding-right: 5px;
}

.login_popup {
  display: none;
}

@media only screen and (max-width: 768px) {
  .login_popup {
    width: 100%;
    right: 0;
    top: 100vh;
    border-radius: 0;
    height: 100vh;
  }
}

.login_form_one {
  display: none;
}

.login_form_one,
.login_popup {
  padding: 20px;
  border-radius: 8px;
  width: 100%;
  max-width: 370px;
  position: absolute;
  top: 12px;
  right: 2%;
  z-index: 12;
  background: #fff;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 768px) {
  .login_form_one,
  .login_popup {
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 100vh;
    padding: 0;
    border-radius: 0;
    max-width: 100%;
    right: 0;
    top: 0;
  }
}

.login_form_one .login_form_login p,
.login_popup .login_form_login p {
  font-size: 1.125em;
  font-weight: bold;
  color: #8b8b8b;
  text-transform: capitalize;
}

.login_form_one .login_form_login .login_user_icon,
.login_popup .login_form_login .login_user_icon {
  color: #ec5f37;
  font-size: 1.125em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.login_form_one .login_form_login .login_user_icon:before,
.login_popup .login_form_login .login_user_icon:before {
  content: '\E90C';
  font-family: "fdi";
  margin-right: 5px;
}

.login_form_one .login_form_login .otp_field,
.login_popup .login_form_login .otp_field {
  line-height: 30px;
  margin: 15px 0;
}

.login_form_one .login_form_login .otp_field .label_field,
.login_popup .login_form_login .otp_field .label_field {
  margin: 5px 0;
}

.login_form_one .login_form_login .otp_field .label_field label,
.login_popup .login_form_login .otp_field .label_field label {
  color: #8b8b8b;
  font-size: 1.125em;
  font-weight: 300;
}

.login_form_one .login_form_login .otp_field .resend_otp,
.login_popup .login_form_login .otp_field .resend_otp {
  text-align: right;
}

.login_form_one .login_form_login .otp_field .resend_otp span,
.login_popup .login_form_login .otp_field .resend_otp span {
  color: #3d3d3d;
  font-weight: 600;
  font-size: 1em;
  text-align: right;
}

.login_form_one .login_form_login .otp_field input,
.login_form_one .login_form_login .otp_field select,
.login_popup .login_form_login .otp_field input,
.login_popup .login_form_login .otp_field select {
  outline: none;
  border-bottom: 1px solid #252527;
  font-size: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 45px;
  -webkit-box-shadow: 0 0 1px #ccc;
          box-shadow: 0 0 1px #ccc;
  background: #f7f7f7;
  padding: 0 15px;
  color: #434343;
}

.login_form_one .login_form_login .otp_field input.mobilenumber,
.login_popup .login_form_login .otp_field input.mobilenumber {
  padding: 0 35px !important;
  font-size: 16px;
  color: #434343;
}

.login_form_one .login_form_login .otp_field .otp_timer,
.login_popup .login_form_login .otp_field .otp_timer {
  position: relative;
  color: #f19121;
  margin-bottom: 10px;
}

.login_form_one .login_form_login .otp_field .otp_timer .timerotp,
.login_popup .login_form_login .otp_field .otp_timer .timerotp {
  font-size: 1.125em;
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 10px;
  font-weight: 300;
  color: #000000;
}

.login_form_one .login_form_login .login_form_loginbtn,
.login_popup .login_form_login .login_form_loginbtn {
  width: 100%;
  background: #f7ad1d;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: #000000;
  font-size: 1.125em;
}

.login_form_one .login_form_login .login_form_loginbtn:hover,
.login_popup .login_form_login .login_form_loginbtn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .login_form_one .login_form_login,
  .login_popup .login_form_login {
    padding: 20px;
  }
}

.login_form_one .login_form_get_otp,
.login_popup .login_form_get_otp {
  position: fixed;
  z-index: 99;
  right: 28px;
  background: #fff;
  top: 70px;
  width: 30%;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

@media only screen and (max-width: 768px) {
  .login_form_one .login_form_get_otp,
  .login_popup .login_form_get_otp {
    position: fixed;
    width: auto;
    z-index: 0;
  }
}

.login_form_one .login_form_get_otp p,
.login_popup .login_form_get_otp p {
  font-size: 1.125em;
  font-weight: bold;
  color: #8b8b8b;
  text-transform: uppercase;
}

.login_form_one .login_form_get_otp form .login_user_icon,
.login_popup .login_form_get_otp form .login_user_icon {
  color: #ec5f37;
  font-size: 1.125em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.login_form_one .login_form_get_otp form .login_user_icon:before,
.login_popup .login_form_get_otp form .login_user_icon:before {
  content: '\E90C';
  font-family: "fdi";
  margin-right: 5px;
}

.login_form_one .login_form_get_otp form .otp_field,
.login_popup .login_form_get_otp form .otp_field {
  line-height: 30px;
  margin: 15px 0;
}

.login_form_one .login_form_get_otp form .otp_field .label_field,
.login_popup .login_form_get_otp form .otp_field .label_field {
  margin: 5px 0;
}

.login_form_one .login_form_get_otp form .otp_field .label_field label,
.login_popup .login_form_get_otp form .otp_field .label_field label {
  color: #8b8b8b;
  font-size: 1.125em;
  font-weight: 300;
}

.login_form_one .login_form_get_otp form .otp_field input,
.login_form_one .login_form_get_otp form .otp_field select,
.login_popup .login_form_get_otp form .otp_field input,
.login_popup .login_form_get_otp form .otp_field select {
  outline: none;
  border-bottom: 1px solid #252527;
  font-size: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 40px;
  -webkit-box-shadow: 0 0 1px #ccc;
          box-shadow: 0 0 1px #ccc;
  background: #f7f7f7;
  padding: 0 15px;
  color: #434343;
}

.login_form_one .login_form_get_otp form .otp_field input.mobilenumber,
.login_popup .login_form_get_otp form .otp_field input.mobilenumber {
  padding: 0 35px !important;
  font-size: 16px;
  color: #434343;
}

.login_form_one .login_form_get_otp form .otp_field .otp_timer,
.login_popup .login_form_get_otp form .otp_field .otp_timer {
  position: relative;
}

.login_form_one .login_form_get_otp form .otp_field .otp_timer .timerotp,
.login_popup .login_form_get_otp form .otp_field .otp_timer .timerotp {
  font-size: 1.125em;
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 10px;
  font-weight: 300;
  color: #000000;
}

.login_form_one .login_form_get_otp form .login_form_loginbtn,
.login_popup .login_form_get_otp form .login_form_loginbtn {
  width: 100%;
  background: #f7ad1d;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: #000000;
  font-size: 1.125em;
}

.login_form_one .login_form_get_otp form .login_form_loginbtn:hover,
.login_popup .login_form_get_otp form .login_form_loginbtn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

.login_form_one .profile_details,
.login_popup .profile_details {
  margin: -20px;
}

.login_form_one .profile_details .name_pin,
.login_popup .profile_details .name_pin {
  padding: 20px;
  border-bottom: 1px solid #b0b5b2;
}

.login_form_one .profile_details .name_pin .profile_name,
.login_popup .profile_details .name_pin .profile_name {
  display: block;
  font-size: 1.125em;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}

.login_form_one .profile_details .name_pin .profile_pincode,
.login_popup .profile_details .name_pin .profile_pincode {
  display: block;
  font-size: 1.125em;
  font-weight: normal;
  color: #6c6c6c;
}

.login_form_one .profile_details .my_profile,
.login_popup .profile_details .my_profile {
  display: block;
  padding: 20px;
  font-size: 1.125em;
  color: #000000;
}

.login_form_one .profile_details .my_profile:before,
.login_popup .profile_details .my_profile:before {
  content: '\E90E';
  font-weight: bold;
  margin-right: 10px;
}

.login_form_one .profile_details .profile_logout,
.login_popup .profile_details .profile_logout {
  display: block;
  padding: 20px;
  font-size: 1.125em;
  border-top: 1px solid #b0b5b2;
  color: #000000;
}

.login_form_one .profile_details .profile_logout:before,
.login_popup .profile_details .profile_logout:before {
  content: '\E916';
  font-weight: bold;
  margin-right: 10px;
}

.login_form_one {
  position: fixed;
}

.login_popup {
  position: fixed;
}

@media only screen and (max-width: 768px) {
  .login_popup .close_black {
    top: 2%;
  }
}

.find_contract_form {
  display: none;
  background-color: #f7ad1d !important;
  color: #000000;
  top: 81px;
  z-index: 999;
  position: fixed;
  width: 100%;
  max-width: 410px;
  border-radius: 10px;
  right: 2%;
}

.find_contract_form p {
  color: #000000 !important;
  font-size: 1.125em !important;
  font-weight: normal !important;
  text-transform: none !important;
}

.find_contract_form p span {
  font-weight: 600 !important;
  display: block !important;
}

.find_contract_form.active {
  display: block;
}

.find_contract_form .find_contract_btn {
  line-height: 20px;
  text-align: left;
  margin-top: 40px;
  cursor: auto;
  padding-bottom: 0;
}

.find_contract_form .find_contract_btn span {
  display: inline;
}

.find_contract_form .close_black,
.find_contract_form .close_white {
  top: 4%;
}

.find_contract_form .login_form_login {
  padding: 20px;
  border-radius: 8px;
}

.find_contract_form .login_form_login p {
  font-size: 1.125em;
  font-weight: bold;
  color: #ffffff;
  text-transform: capitalize;
}

.find_contract_form .login_form_login form .login_user_icon {
  color: #ec5f37;
  font-size: 1.125em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.find_contract_form .login_form_login form .login_user_icon:before {
  content: '\E90C';
  font-family: "fdi";
  margin-right: 5px;
}

.find_contract_form .login_form_login form .otp_field {
  line-height: 30px;
  margin: 15px 0;
}

.find_contract_form .login_form_login form .otp_field .label_field {
  margin: 5px 0;
}

.find_contract_form .login_form_login form .otp_field .label_field label {
  color: #ffffff;
  font-size: 1.125em;
  font-weight: 300;
}

.find_contract_form .login_form_login form .otp_field input,
.find_contract_form .login_form_login form .otp_field select {
  outline: none;
  font-size: 1em;
  width: 100%;
  border: 0;
  height: 40px;
  background: #ffffff;
  padding: 0 15px;
  color: #434343;
}

.find_contract_form .login_form_login form .otp_field input.mobilenumber {
  padding: 0 35px !important;
  font-size: 16px;
  color: #434343;
}

.find_contract_form .login_form_login form .otp_field .otp_timer {
  position: relative;
  color: #f19121;
}

.find_contract_form .login_form_login form .otp_field .otp_timer .timerotp {
  font-size: 1.125em;
  position: absolute;
  top: 4px;
  bottom: 0;
  right: 10px;
  font-weight: 300;
  color: #000000;
}

.find_contract_form .login_form_login form .login_form_loginbtn {
  width: 100%;
  background: #16345b;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.125em;
}

@media only screen and (max-width: 768px) {
  .fixed_footer {
    position: fixed;
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto;
    right: 0;
    border-radius: 0;
    top: auto;
  }
}

.need_form_wrapper {
  background: #f7ad1d;
  border-radius: 100% 100% 2%;
  right: 0;
  position: fixed;
  bottom: 0;
  width: 5%;
  height: 10%;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
  .need_form_wrapper {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    z-index: 999;
    bottom: -100%;
  }
}

.need_form_wrapper .help_btn {
  font-size: 15px;
  color: #ffffff;
  padding: 14px 16px 46px;
  display: block;
}

.need_form_wrapper .helpform_wrapper {
  padding: 50px;
}

.need_form_wrapper .helpform_wrapper h4 {
  color: #ffffff;
  font-weight: 600;
  line-height: 1.125em;
}

.need_form_wrapper .helpform_wrapper .input_field {
  width: 100%;
  margin: 30px 0;
}

.need_form_wrapper .helpform_wrapper .call_btn {
  background: #ffffff;
  color: #20477b;
  font-size: 1.125em;
  padding: 10px;
}

.need_form_wrapper .helpform_wrapper .call_btn:hover {
  border-color: #ffffff;
  background-color: #20477b;
  color: #ffffff;
}

.need_form_wrapper .helpform_wrapper p {
  color: #ffffff;
  font-weight: 300;
  margin: 20px 0;
  line-height: 22px;
  font-size: 1em;
}

.need_form_wrapper .helpform_wrapper .help_btn_number {
  color: #ffffff;
  font-size: 1.875em;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.need_form_wrapper .helpform_wrapper .help_btn_number:before {
  content: '\E90B';
}

.breadcrumbs_wrapper {
  background: #455160;
  padding: 15px;
}

@media screen and (max-width: 480px) {
  .breadcrumbs_wrapper {
    padding: 15px 10px;
  }
}

.breadcrumbs_wrapper .breadcrumb {
  padding: 5px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs_wrapper .breadcrumb li {
  color: #ffffff;
  font-size: 1.125em;
  font-weight: normal;
  padding-bottom: 5px;
}

@media screen and (max-width: 480px) {
  .breadcrumbs_wrapper .breadcrumb li {
    font-size: 1em;
  }
}

.breadcrumbs_wrapper .breadcrumb li a {
  color: #ffffff;
  font-size: 1.125em;
  font-weight: normal;
}

@media screen and (max-width: 480px) {
  .breadcrumbs_wrapper .breadcrumb li a {
    font-size: 1em;
  }
}

.breadcrumbs_wrapper .breadcrumb li:not(:last-child):after {
  content: '\E409';
  font-size: 1.125em;
  vertical-align: bottom;
}

.breadcrumbs_wrapper .breadcrumb li:last-child {
  border-bottom: 1px solid white;
}

.mobile_header_search {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 20px;
  position: fixed;
  top: -100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #ffffff;
  z-index: 10;
  -webkit-box-shadow: 0px 11px 6px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 11px 6px -6px rgba(0, 0, 0, 0.2);
}

.mobile_header_search .mobile_search_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile_header_search .mobile_search_wrap .input_mobile_search_wrap {
  width: 85%;
}

.mobile_header_search .mobile_search_wrap .input_mobile_search_wrap .input_mobile_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-shadow: 0 0 1px #ccc;
          box-shadow: 0 0 1px #ccc;
  background: #f7f7f7;
  padding: 0 10px;
}

.mobile_header_search .mobile_search_wrap .input_mobile_search_wrap .input_mobile_search input,
.mobile_header_search .mobile_search_wrap .input_mobile_search_wrap .input_mobile_search select {
  outline: none;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 0;
  border-radius: 0;
  height: 45px;
}

.mobile_header_search .mobile_search_wrap .input_mobile_search_wrap .mobile_search_btn {
  padding: 0;
}

.mobile_header_search .mobile_search_wrap .mobile_search_btn {
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_header_search .mobile_search_wrap .mobile_search_btn .mobile_search_go {
  padding: 10px;
  background-color: #f7ad1d;
  color: #ffffff;
  border-radius: 5px;
}

.mobile_header_search .mobile_search_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
  font-size: 1.6em;
}

.how_we_work_main {
  margin: 30px 0;
}

.how_we_work_main .how_we_work_wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
  position: absolute;
  content: '';
  background: url(/images/dotted-line-up.png?a9e70c7486d449f8eced9e7081df30ef) no-repeat;
  background-size: 73%;
  width: 100%;
  height: 100%;
  top: 79%;
  z-index: -1;
  background-position: center;
}

@media only screen and (max-width: 1680px) {
  .how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
    background-size: 74%;
    top: 68%;
  }
}

@media only screen and (max-width: 1440px) {
  .how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
    background-size: 64%;
    top: 67%;
  }
}

@media only screen and (max-width: 1366px) {
  .how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
    top: 65%;
  }
}

@media only screen and (max-width: 1280px) {
  .how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
    background-size: 62%;
    top: 62%;
  }
}

@media only screen and (max-width: 1024px) {
  .how_we_work_main .how_we_work_wrapper.odd:nth-child(odd):after {
    display: none;
  }
}

.how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
  position: absolute;
  content: '';
  background: url(/images/dotted-line-up.png?a9e70c7486d449f8eced9e7081df30ef) no-repeat;
  background-size: 73%;
  width: 100%;
  height: 100%;
  top: 79%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  z-index: -1;
  left: 0;
  background-position: center;
}

@media only screen and (max-width: 1680px) {
  .how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
    background-size: 74%;
    top: 68%;
  }
}

@media only screen and (max-width: 1440px) {
  .how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
    background-size: 64%;
    top: 67%;
  }
}

@media only screen and (max-width: 1366px) {
  .how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
    top: 65%;
  }
}

@media only screen and (max-width: 1280px) {
  .how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
    background-size: 62%;
    top: 62%;
  }
}

@media only screen and (max-width: 1024px) {
  .how_we_work_main .how_we_work_wrapper.even:nth-child(even):after {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper {
    display: block;
    margin: 10px;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_one {
  width: 30%;
  padding: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}

@media only screen and (max-width: 1440px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_one {
    width: 40%;
  }
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_one {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_one .how_wrap_one_main_image img {
  width: 100%;
  background-size: cover;
  border-radius: 30px;
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_one .how_wrap_one_main_image img {
    padding: 0;
    border-radius: 0;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two {
  width: 70%;
}

@media only screen and (max-width: 1440px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_two {
    width: 60%;
  }
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_two {
    width: 100%;
    margin: 0;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two .how_wrap_decimal_image {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two .how_wrap_decimal_image .decimal {
  font-size: 70px;
  font-weight: 600;
  opacity: 0.6;
  margin-left: 60px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_two .how_wrap_decimal_image .decimal {
    margin-left: 0;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two .how_we_work_heading_data {
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper .how_wrap_two .how_we_work_heading_data {
    margin: 0;
  }
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two .how_we_work_heading_data .heading {
  color: #000000;
  font-size: 1.875em;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  line-height: 1.25;
}

.how_we_work_main .how_we_work_wrapper .how_wrap_two .how_we_work_heading_data .data {
  color: #000000;
  font-size: 1.125em;
  line-height: 25px;
  text-align: justify;
}

.how_we_work_main .how_we_work_wrapper:nth-child(even) .how_wrap_two {
  margin-right: 20px;
  margin-left: 0;
}

.how_we_work_main .how_we_work_wrapper:last-child.even:after,
.how_we_work_main .how_we_work_wrapper:last-child.odd:after {
  display: none;
}

@media screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper.for_detail_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper.for_detail_page .how_we_work_heading_data {
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .how_we_work_main .how_we_work_wrapper.for_detail_page .how_wrap_two {
    margin: 0;
  }
}

.how_we_work_main .sectionmargin {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1280px) {
  .how_we_work_main .sectionmargin {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 768px) {
  .how_we_work_main .sectionmargin {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1920px) {
  .how_we_work_main .sectionmargin {
    margin-bottom: 175px;
  }
}

.banner_wraper {
  position: relative;
}

.banner_wraper .ct_u_display_tablex {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .banner_wraper .ct_u_display_tablex {
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .banner_wraper .slider_inner {
    text-align: center;
  }
}

.banner_wraper .slider_inner p {
  text-transform: capitalize;
  background: rgba(32, 71, 123, 0.6);
  font-weight: 600;
}

.banner_wraper .slider_inner .get_qoutation:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: top;
  font-weight: bold;
}

.banner_wraper .slider_inner .get_qoutation:hover:after {
  color: #ffffff;
}

.banner_wraper .cpation_box {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(76, 76, 76, 0)), to(#131313));
  background: linear-gradient(to bottom, rgba(76, 76, 76, 0) 0, #131313 100%);
  position: absolute;
  height: 460px;
  bottom: 0;
  width: 100%;
}

.get_qoutation_wrap {
  text-align: center;
  margin: 50px 0;
}

.get_qoutation_wrap .get_qoutation_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.125em;
  display: inline-block;
}

.get_qoutation_wrap .get_qoutation_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.get_qoutation_wrap .get_qoutation_btn:hover:after {
  color: #ffffff;
}

.get_qoutation_wrap .get_qoutation_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
}

.how_we_work_copy {
  margin: 50px 0;
}

@media screen and (max-width: 768px) {
  .how_we_work_copy {
    padding: 10px;
  }
}

.how_we_work_copy h3 {
  font-size: 30px;
  color: #000000;
  font-size: 1.875em;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.how_we_work_copy h3 span {
  font-weight: normal;
  text-transform: capitalize;
}

.how_we_work_copy p {
  line-height: 1.5;
}

.how_we_work_copy p strong {
  font-weight: bold;
}

.learn_more_wrap {
  margin-top: 25px;
}

.learn_more_wrap .learn_more_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.125em;
  display: inline-block;
}

.learn_more_wrap .learn_more_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.learn_more_wrap .learn_more_btn:hover:after {
  color: #ffffff;
}

.learn_more_wrap .learn_more_btn:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
}

.error_404_wrap {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .error_404_wrap {
    padding: 30px 15px;
  }
}

@media only screen and (max-width: 768px) {
  .error_404_wrap img {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1024px) {
  .error_404_wrap .error_text {
    margin-top: 25px;
    text-align: center;
  }
}

.error_404_wrap .error_text p {
  font-size: 1.5em;
  color: #da1c1c;
  line-height: 30px;
}

.sidebar_main {
  width: 20%;
  border-right: 1px solid #d4d4d4;
  -webkit-box-shadow: 3px 0 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 0 25px 1px rgba(0, 0, 0, 0.2);
}

.sidebar_main.mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sidebar_main {
    display: none;
  }

  .sidebar_main.mobile {
    width: 100%;
    display: block;
  }
}

.sidebar_main .profile_info_wrap {
  background-color: #ebebeb;
  border-bottom: 1px solid #d4d4d4;
}

.sidebar_main .profile_info_wrap .profile_info {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
}

@media only screen and (max-width: 1366px) {
  .sidebar_main .profile_info_wrap .profile_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sidebar_main .profile_info_wrap .profile_info .profile_edit_wrap {
  position: absolute;
  top: 11px;
  right: 11px;
}

.sidebar_main .profile_info_wrap .profile_info .profile_edit_wrap .profile_details_edit {
  float: right;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  padding: 3px;
  font-size: 1.2em;
}

.sidebar_main .profile_info_wrap .profile_info .profile_photo_main {
  width: 104px;
  height: 104px;
  background: #bfbfbf;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .profile_info_wrap .profile_info .profile_photo_main {
    width: 75px;
    height: 75px;
  }
}

.sidebar_main .profile_info_wrap .profile_info .profile_photo_main .profile_intials {
  display: inline-block;
  font-size: 1.875em;
  font-weight: bold;
  color: #ffffff;
  margin: 40px 0;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .profile_info_wrap .profile_info .profile_photo_main .profile_intials {
    margin: 28px 0;
  }
}

.sidebar_main .profile_info_wrap .profile_info .profile_details {
  text-align: center;
  margin-right: 6%;
}

@media only screen and (max-width: 1366px) {
  .sidebar_main .profile_info_wrap .profile_info .profile_details {
    margin-right: 0;
    margin-top: 6%;
  }
}

.sidebar_main .profile_info_wrap .profile_info .profile_details .profile_name {
  display: block;
  font-size: 1.5em;
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}

.sidebar_main .profile_info_wrap .profile_info .profile_details .profile_pincode {
  display: block;
  font-size: 1.125em;
  font-weight: normal;
  color: #000000;
}

.sidebar_main .sidebar_tabs {
  padding: 55px 0;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .sidebar_tabs {
    padding: 0;
  }
}

.sidebar_main .sidebar_tabs .sidebar_tabs_main li {
  padding: 0 15px 35px;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .sidebar_tabs .sidebar_tabs_main li {
    padding: 20px 15px;
    border-bottom: 1px solid #d4d4d4;
  }
}

.sidebar_main .sidebar_tabs .sidebar_tabs_main li:last-child {
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .sidebar_tabs .sidebar_tabs_main li:last-child {
    padding: 20px 15px;
    border-bottom: none;
  }
}

.sidebar_main .sidebar_tabs .sidebar_tabs_main .sidebar_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidebar_main .sidebar_tabs .sidebar_tabs_main .sidebar_tab .tab_name {
  font-size: 1.125em;
  font-weight: 600;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .sidebar_tabs .sidebar_tabs_main .sidebar_tab .tab_name {
    width: 50%;
  }
}

.sidebar_main .sidebar_tabs .sidebar_tabs_main .sidebar_tab .tab_listing_counter {
  padding: 10px 25px;
  border-radius: 20px;
  background-color: #f1592a;
  font-size: 1.125em;
  font-weight: 600;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .sidebar_tabs .sidebar_tabs_main .sidebar_tab:after {
    content: '\E409';
    font-size: 1.125em;
    color: #a8a8a8;
    font-weight: bold;
  }
}

.sidebar_main .review_testimonial_tabs {
  border-top: 1px solid #d4d4d4;
}

@media only screen and (max-width: 768px) {
  .sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main {
    border-bottom: 1px solid #d4d4d4;
  }
}

.sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main li {
  padding: 20px 15%;
  border-bottom: 1px solid #d4d4d4;
}

@media only screen and (max-width: 1200px) {
  .sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main li {
    padding: 20px 5%;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main li {
    width: 49%;
    padding: 25px 0;
    text-align: center;
    border-bottom: none;
    display: inline-block;
  }

  .sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main li:first-child {
    border-right: 1px solid #d4d4d4;
  }
}

.sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main .review_testimonial_tab .revi_testi_name {
  font-size: 1.125em;
  font-weight: 600;
  color: #000000;
}

.sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main .review_testimonial_tab.review_tab .revi_testi_name:before {
  content: '\E914';
  margin-right: 10px;
  color: #959595;
}

.sidebar_main .review_testimonial_tabs .review_testimonial_tabs_main .review_testimonial_tab.testimonial_tab .revi_testi_name:before {
  content: '\E915';
  margin-right: 10px;
  color: #959595;
}

.article_listing_main {
  margin: 30px 10px;
}

.article_listing_main p {
  font-size: 1.5em;
  color: #3c3c3c;
  font-weight: 300;
  margin: 10px 0;
}

.article_listing_main .article_listing {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

.article_listing_main .article_listing .article_block {
  width: 29.3%;
  margin-right: 6%;
  margin-bottom: 80px;
}

.article_listing_main .article_listing .article_block:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .article_listing_main .article_listing .article_block:nth-child(3n) {
    margin-right: 15px;
  }
}

.article_listing_main .article_listing .article_block:nth-last-child(-n+3) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1440px) {
  .article_listing_main .article_listing .article_block {
    width: 29%;
  }
}

@media only screen and (max-width: 768px) {
  .article_listing_main .article_listing .article_block {
    width: 46%;
    margin: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .article_listing_main .article_listing .article_block {
    width: 100%;
  }
}

.article_listing_main .article_listing .article_block .article_image {
  margin: 15px 0;
}

.article_listing_main .article_listing .article_block .article_image img {
  border-radius: 10px;
  width: 100%;
}

.article_listing_main .article_listing .article_block .article_heading {
  font-size: 1.5em;
  color: #000000;
  font-weight: bold;
  line-height: 30px;
}

.article_listing_main .article_listing .article_block .article_date {
  color: #5d6374;
  font-size: 1em;
  line-height: 30px;
}

.article_listing_main .article_listing .article_block .article_date span {
  color: #f1592a;
}

.article_listing_main .article_listing .article_block .article_data {
  color: #3c3c3c;
  font-size: 1.125em;
  line-height: 22px;
  margin: 0;
}

.article_listing_main .article_listing .article_block .readmore {
  margin: 15px 0;
  color: #16345b;
  font-size: 1.125em;
  text-decoration: underline;
  font-weight: 600;
}

.article_listing_main .load_more_wrap {
  margin: 30px 0;
}

.article_listing_main .load_more_wrap .load_more_button {
  color: #3c3c3c;
  width: 20%;
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .article_listing_main .load_more_wrap .load_more_button {
    width: 60%;
    margin: 10px auto;
  }
}

.article_detail_main {
  margin: 30px 10px;
}

.article_detail_main h2 {
  color: #000000;
  font-size: 1.875em;
  font-weight: bold;
}

.article_detail_main .like_share .like {
  background-color: #ffffff;
  color: #f1592a;
  font-size: 1.125em;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: bold;
  border: 1px solid #5d6374;
  margin-right: 10px;
}

.article_detail_main .like_share .share .fdi_share {
  font-weight: bold;
}

.article_detail_main .article_detail_head_wrap .metadata {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.article_detail_main .article_detail_head_wrap .metadata .metadate {
  position: relative;
  color: #5d6374;
  font-size: 1em;
  line-height: 30px;
  margin: 20px 14px 20px 0px;
}

.article_detail_main .article_detail_head_wrap .metadata .metadate span {
  color: #f1592a;
}

.article_detail_main .article_detail_head_wrap .metadata .metadate:after {
  content: '';
  position: absolute;
  border-right: 1px solid #5d6374;
  height: 30px;
  width: 5px;
}

@media only screen and (max-width: 767px) {
  .article_detail_main .article_detail_head_wrap .metadata.social-flat-mob {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .article_detail_main .article_detail_head_wrap .metadata.social-flat-mob .metadate:after {
    border-right: none;
  }
}

.article_detail_main .article_detail_head_wrap p {
  font-size: 1.125em;
  color: #5d6374;
  line-height: 22px;
}

.article_detail_main .article_detail_head_wrap .article_detail_image {
  margin: 50px 0;
}

.article_detail_main .article_detail_head_wrap .article_detail_image img {
  width: 100%;
}

.article_detail_main .article_detail_block_main .article_detail_block {
  width: 100%;
  margin: 40px 0 0;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .article_detail_block_main .article_detail_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data {
  width: 100%;
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data p {
  font-size: 1.125em;
  color: #5d6374;
  line-height: 25px;
  margin: 20px 0;
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data h3 {
  font-weight: 600;
  font-size: 1.25em;
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data h3 strong {
  font-weight: normal;
  font-size: 1.25em;
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data ul li {
  list-style: disc;
  text-align: left !important;
  font-weight: 600;
  font-size: 1.125em;
  color: #5d6374;
  list-style-position: inside;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_data {
    width: 100%;
    margin: 10px 0;
  }
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_image {
  width: 60%;
  display: none;
}

.article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_image img {
  width: 100%;
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .article_detail_block_main .article_detail_block .article_detail_block_image {
    width: 100%;
  }
}

.article_detail_main .related_articles {
  margin-bottom: 50px;
}

.article_detail_main .related_articles .related_article_head {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .related_articles .related_article_head {
    margin-bottom: 5px;
  }
}

.article_detail_main .related_articles .related_article_head .related_article_text {
  color: #000000;
  font-size: 1.5em;
  font-weight: bold;
}

.article_detail_main .related_articles .article_listing {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .related_articles .article_listing {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    display: block;
  }
}

.article_detail_main .related_articles .article_listing .article_block {
  width: 29.3%;
  margin-right: 6%;
}

.article_detail_main .related_articles .article_listing .article_block:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 1440px) {
  .article_detail_main .related_articles .article_listing .article_block {
    width: 29%;
  }
}

@media only screen and (max-width: 768px) {
  .article_detail_main .related_articles .article_listing .article_block {
    display: inline-block !important;
    padding: 10px;
    width: 84%;
    margin: 0;
  }
}

.article_detail_main .related_articles .article_listing .article_block .article_image {
  margin: 15px 0;
}

.article_detail_main .related_articles .article_listing .article_block .article_image img {
  width: 100%;
  border-radius: 10px;
}

.article_detail_main .related_articles .article_listing .article_block .article_heading {
  font-size: 1.5em;
  color: #000000;
  font-weight: bold;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .article_detail_main .related_articles .article_listing .article_block .article_heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.article_detail_main .related_articles .article_listing .article_block .article_date {
  color: #5d6374;
  font-size: 1em;
  line-height: 30px;
}

.article_detail_main .related_articles .article_listing .article_block .article_date span {
  color: #f1592a;
}

.breadcrumb_cart,
.cart_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart_wrap {
  position: relative;
}

.cart_wrap .cart_title {
  font-weight: normal;
  color: #ffffff;
  margin-right: 10px;
}

.cart_wrap .fdi_cart {
  font-size: 2em;
  color: #ffffff;
}

.cart_wrap .cart_value {
  font-family: 'Titillium Web' !important;
  font-weight: normal;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #f7ad1d;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: -10px;
  right: -8px;
  line-height: 20px;
}

.design_books_main {
  padding: 40px 0;
}

@media only screen and (max-width: 768px) {
  .design_books_main {
    padding: 40px 15px;
  }
}

.design_books_main .design_books_title {
  font-weight: 300;
  color: #3c3c3c;
  margin-bottom: 30px;
}

.design_books_main .design_books_wrap .book_card {
  float: left;
  width: 27.8%;
  margin-right: 8%;
  margin-bottom: 3%;
}

.design_books_main .design_books_wrap .book_card:nth-child(3n) {
  margin-right: 0;
}

.design_books_main .design_books_wrap .book_card .book_card_top {
  padding: 40px 0 25px;
  border: 1px solid #b7b7b7;
  border-radius: 10px 10px 0 0;
}

.design_books_main .design_books_wrap .book_card .book_card_top .book_cover {
  width: auto;
  margin: 0 auto;
  -webkit-box-shadow: -8px 4px 0px -2px grey, -7px 3px 0px -2px grey, -6px 2px 0px -2px grey, -5px 1px 0px -2px grey, -4px 0px 0px -2px grey, -3px -1px 0px -2px grey, -4px 8px 0px -2px grey, -3px 7px 0px -2px grey, -2px 6px 0px -2px grey, -1px 5px 0px -2px grey, -0px 4px 0px -2px grey, 1px 3px 0px -2px grey, -8px 8px 0px -2px grey;
          box-shadow: -8px 4px 0px -2px grey, -7px 3px 0px -2px grey, -6px 2px 0px -2px grey, -5px 1px 0px -2px grey, -4px 0px 0px -2px grey, -3px -1px 0px -2px grey, -4px 8px 0px -2px grey, -3px 7px 0px -2px grey, -2px 6px 0px -2px grey, -1px 5px 0px -2px grey, -0px 4px 0px -2px grey, 1px 3px 0px -2px grey, -8px 8px 0px -2px grey;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom {
  padding: 20px 20px 15px;
  border-radius: 0 0 10px 10px;
  background-color: #ebebeb;
  min-height: 150px;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #b7b7b7;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_info .book_name {
  font-size: 1.125em;
  width: 70%;
  color: #3c3c3c;
  font-weight: normal;
  line-height: 25px;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_info .book_name a {
  color: #3c3c3c;
}

@media only screen and (max-width: 768px) {
  .design_books_main .design_books_wrap .book_card .book_card_bottom .book_info .book_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_info .book_cost {
  font-size: 1.5em;
  color: #f1592a;
  font-weight: bold;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .add_to_cart {
  background-color: #f7ad1d;
  font-size: 1.125em;
  font-weight: 300;
  color: #000000;
  margin-bottom: 10px;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .add_to_cart .fdi_cart {
  color: #000000;
  margin-right: 10px;
  vertical-align: baseline;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .add_to_cart:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .add_to_cart:hover i.fdi_cart:before {
  color: #ffffff;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .buy_now {
  background-color: #f1592a;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.125em;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .cart_and_buy .buy_now:hover {
  background-color: #f1592a !important;
  color: #000000;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .share_like_book .fdi_heart {
  color: #78909c;
  margin-right: 10px;
}

.design_books_main .design_books_wrap .book_card .book_card_bottom .book_interactivity .share_like_book .fdi_share {
  font-weight: bold;
}

@media only screen and (max-width: 1200px) {
  .design_books_main .design_books_wrap .book_card {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 45px;
  }

  .design_books_main .design_books_wrap .book_card:nth-child(3n) {
    margin-right: 6%;
  }

  .design_books_main .design_books_wrap .book_card:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 550px) {
  .design_books_main .design_books_wrap .book_card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px;
  }
}

.design_books_details_main {
  margin: 30px 0 60px;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main {
    margin: 30px 15px 0px;
  }
}

.design_books_details_main .design_detail_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main .design_detail_wrap {
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_left {
  width: 30%;
  padding: 30px 50px;
  border: 1px solid #5d6374;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main .design_detail_wrap .design_detail_left {
    width: 100%;
    margin-bottom: 10px;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_left .design_img {
  margin: 0 auto;
}

.design_books_details_main .design_detail_wrap .design_detail_right {
  width: 70%;
  margin-left: 20px;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main .design_detail_wrap .design_detail_right {
    width: 100%;
    margin-left: 0;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap {
  margin-bottom: 20px;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_title {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 25px;
  color: #3c3c3c;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_title {
    margin-bottom: 15px;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 30px 0;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .amount_span {
  font-size: 1.875em;
  font-weight: bold;
  display: block;
  color: #f1592a;
}

@media only screen and (max-width: 320px) {
  .design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .amount_span {
    font-size: 1.125em;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .add_cart {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.125em;
  margin: 0px 25px;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .add_cart {
    margin: 0px 15px;
  }
}

@media only screen and (max-width: 320px) {
  .design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .add_cart {
    margin: 0px 6px;
  }
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .add_cart:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .buy_now {
  background-color: #f1592a;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.125em;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .design_amount_wrap .buy_now:hover {
  background-color: #f1592a !important;
  color: #000000;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap > span {
  display: block;
  font-size: 1.125em;
  font-weight: 300;
  color: #3c3c3c;
  padding-bottom: 15px;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap > span > :first-child {
  font-weight: 600;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .making_title {
  display: inline-block;
  font-size: 1.5em;
  color: #3c3c3c;
  font-weight: 300;
  padding-bottom: 8px;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 10px;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap .lowest_cost_wrap {
  color: #f1592a;
  font-weight: bold;
  font-size: 1.25em;
}

.design_books_details_main .design_detail_wrap .design_detail_right .design_making_wrap p {
  color: #3c3c3c;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 25px;
}

.design_books_details_main_cards {
  margin: 0px 0 80px 0;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main_cards {
    margin: 20px 15px;
  }
}

.design_books_details_main_cards .design_books_title {
  font-weight: 300;
  color: #3c3c3c;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main_cards .design_books_title {
    margin-bottom: 20px;
  }
}

.design_books_details_main_cards .design_books_wrap .book_card {
  float: left;
  width: 27.8%;
  margin-right: 8%;
  margin-bottom: 3%;
}

.design_books_details_main_cards .design_books_wrap .book_card:nth-child(3n) {
  margin-right: 0;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_top {
  padding: 30px 0 25px;
  border: 1px solid #b7b7b7;
  border-radius: 20px 20px 0 0;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_top .book_cover {
  width: auto;
  margin: 0 auto;
  -webkit-box-shadow: -8px 4px 0px -2px grey, -7px 3px 0px -2px grey, -6px 2px 0px -2px grey, -5px 1px 0px -2px grey, -4px 0px 0px -2px grey, -3px -1px 0px -2px grey, -4px 8px 0px -2px grey, -3px 7px 0px -2px grey, -2px 6px 0px -2px grey, -1px 5px 0px -2px grey, -0px 4px 0px -2px grey, 1px 3px 0px -2px grey, -8px 8px 0px -2px grey;
          box-shadow: -8px 4px 0px -2px grey, -7px 3px 0px -2px grey, -6px 2px 0px -2px grey, -5px 1px 0px -2px grey, -4px 0px 0px -2px grey, -3px -1px 0px -2px grey, -4px 8px 0px -2px grey, -3px 7px 0px -2px grey, -2px 6px 0px -2px grey, -1px 5px 0px -2px grey, -0px 4px 0px -2px grey, 1px 3px 0px -2px grey, -8px 8px 0px -2px grey;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom {
  padding: 20px 20px 10px;
  border-radius: 0 0 20px 20px;
  background-color: #ebebeb;
  min-height: 110px;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #b7b7b7;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info .book_name {
  width: 70%;
  color: #3c3c3c;
  font-weight: normal;
  line-height: 25px;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info .book_name a {
  color: #3c3c3c;
}

@media only screen and (max-width: 768px) {
  .design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info .book_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info .book_cost {
  font-size: 1.5em;
  color: #f1592a;
  font-weight: bold;
}

@media only screen and (max-width: 1280px) {
  .design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_info .book_cost {
    font-size: 1.125em;
  }
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .add_to_cart {
  background-color: #f7ad1d;
  font-size: 1.125em;
  font-weight: 300;
  color: #000000;
}

@media only screen and (max-width: 1024px) {
  .design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .add_to_cart {
    padding: 10px;
  }
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .add_to_cart .fdi_cart {
  color: #000000;
  margin-right: 10px;
  vertical-align: baseline;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .add_to_cart:hover {
  background-color: #f1592a !important;
  color: #ffffff;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .add_to_cart:hover i.fdi_cart:before {
  color: #ffffff;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .share_like_book .fdi_heart {
  color: #78909c;
  margin-right: 10px;
}

.design_books_details_main_cards .design_books_wrap .book_card .book_card_bottom .book_interactivity .share_like_book .fdi_share {
  font-weight: bold;
}

@media only screen and (max-width: 1200px) {
  .design_books_details_main_cards .design_books_wrap .book_card {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 45px;
  }

  .design_books_details_main_cards .design_books_wrap .book_card:nth-child(3n) {
    margin-right: 0;
  }

  .design_books_details_main_cards .design_books_wrap .book_card:nth-child(2n) {
    margin-right: 6%;
  }
}

@media only screen and (max-width: 550px) {
  .design_books_details_main_cards .design_books_wrap .book_card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 768px) {
  .design_books_details_main_cards .design_books_wrap .book_card {
    display: inline-block !important;
    padding: 10px;
    width: 84%;
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .design_books_details_main_cards .design_books_wrap {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.shop_timeline_main {
  padding: 30px 0;
}

@media only screen and (max-width: 768px) {
  .shop_timeline_main {
    display: none;
  }
}

.shop_timeline_main .shop_timeline_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60%;
  margin: 0 auto;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main {
  width: auto;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_icon {
  width: 80px;
  height: 80px;
  border: 2px solid #ebebeb;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  text-transform: uppercase;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_icon:after {
  font-size: 2em;
  color: #ebebeb;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_icon.cart:after {
  content: '\E909';
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_icon.shipping:after {
  content: '\E913';
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_icon.payment:after {
  content: '\F283';
  font-size: 1.5em;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main .milestone_title {
  font-size: 1.5em;
  display: block;
  margin: 10px 0;
  text-align: center;
  color: #3c3c3c;
  font-weight: 600;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main.active .milestone_icon {
  border-color: #f7ad1d;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main.active .milestone_icon:after {
  color: #3c3c3c;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main.active .milestone_title {
  color: #3c3c3c;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main.completed .milestone_icon {
  border-color: #f7ad1d;
  background-color: #f7ad1d;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_main.completed .milestone_icon:after {
  font-size: 2em;
  content: '\E90C';
  color: #ffffff;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_line {
  width: 30%;
  height: 2px;
  background-color: #ebebeb;
  margin: 42px 3% 0;
}

.shop_timeline_main .shop_timeline_wrap .shop_milestone_line.completed {
  background-color: #f7ad1d;
}

.shop_cart_dashboard_main {
  padding: 30px 0 50px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main {
    padding: 20px 15px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row {
  padding: 20px 20px;
  border-top: 1px solid #b7b7b7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row {
    padding: 15px 0;
    border-top: none;
    border-bottom: 1px solid #b7b7b7;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_heading_row li {
  margin: 0;
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_heading_row .shop_cart_col1 .shop_cart_dashboard_title {
  margin-left: 5%;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_heading_row {
    display: none;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_delivery_row li.shop_cart_col1:before {
  content: '\E912';
  color: #000000;
  font-size: 5em;
  line-height: 30px;
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_delivery_row li.shop_cart_col1 .delivery_text {
  margin-left: 4%;
  margin-top: 10px;
  font-size: 1.125em;
  color: #000000;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_delivery_row .shop_cart_col4 {
    display: block;
    width: 15%;
    font-weight: bold;
    font-size: 1.5em;
    text-align: right;
  }

  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_delivery_row .shop_cart_col5 {
    display: none;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row {
  border-bottom: 1px solid #b7b7b7;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row {
    border-bottom: none;
  }

  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row .shop_cart_col1,
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row .shop_cart_col5 {
    display: none;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row .shop_cart_col4 {
  width: 30%;
  margin-top: 0;
  font-size: 1.5em;
  text-align: right;
  color: #000000;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row.dashboard_grand_total_row .shop_cart_col4 {
    display: block;
    width: 100%;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_dashboard_title {
  font-weight: bold;
  color: #000000;
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 {
    width: 85%;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .cart_item_img {
  width: 25%;
}

@media only screen and (max-width: 481px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .cart_item_img {
    width: 35%;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info {
  margin-left: 7%;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info {
    width: 100%;
    margin-left: 5%;
    margin-top: 5px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info .item_name {
  display: block;
  color: #000000;
  font-size: 1.125em;
  line-height: 25px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info .item_name {
    line-height: 20px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info .item_weight {
  display: block;
  color: #b4b4b4;
  font-size: 1.125em;
  line-height: 25px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .shop_cart_item_info .item_weight {
    line-height: 20px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .item_info_mobile_only {
  display: none;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .item_info_mobile_only {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .item_info_mobile_only .item_cost {
    font-size: 1.125em;
    font-weight: bold;
  }

  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col1 .item_info_mobile_only .select_item_qty {
    font-family: 'Titillium Web';
    font-size: 1.125em;
    width: 5em;
    border: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    padding: 5px;
    border-radius: 3px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col2,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col3,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col4,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col5 {
  width: 10%;
  text-align: center;
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col2,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col4 {
  margin-top: 10px;
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col2 .item_cost,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col2 .item_subtotal,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col4 .item_cost,
.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col4 .item_subtotal {
  font-size: 1.125em;
  color: #3c3c3c;
  font-weight: normal;
  line-height: 25px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col2,
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col4 {
    display: none;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col3 .item_qty {
  width: 80%;
  font-family: 'Titillium Web';
  font-size: 1.125em;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  padding: 5px;
  border-radius: 3px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col3 {
    display: none;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col5 {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col5 {
    margin-top: 0;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_wrap .shop_cart_dashboard_row .shop_cart_col5 .remove_item:after {
  content: '\E910';
  font-size: 1.5em;
  color: #7f7f7f;
  line-height: 25px;
}

.shop_cart_dashboard_main .shop_cart_dashboard_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 45px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_buttons {
    margin-top: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 400px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_buttons .dashboard_btn {
  font-size: 1.5em;
  font-weight: normal;
}

.shop_cart_dashboard_main .shop_cart_dashboard_buttons .dashboard_btn:hover {
  background-color: #f19121 !important;
  color: #ffffff;
}

.shop_cart_dashboard_main .shop_cart_dashboard_buttons .continue_shopping_btn {
  background-color: #f1592a;
  color: #ffffff;
  margin-right: 15px;
}

@media only screen and (max-width: 768px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_buttons .continue_shopping_btn {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .shop_cart_dashboard_main .shop_cart_dashboard_buttons .continue_shopping_btn {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.shop_cart_dashboard_main .shop_cart_dashboard_buttons .proceed_checkout_btn {
  background-color: #f7ad1d;
  color: #000000;
}

.shipping_main_wrap {
  margin: 30px 0 40px;
}

@media only screen and (max-width: 768px) {
  .shipping_main_wrap {
    margin: 20px 15px;
  }
}

.shipping_main_wrap .shipping_main {
  margin: 30px 0 40px;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap {
  width: 70%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .shipping_main_wrap .shipping_main .shipping_form_wrap {
    width: 100%;
  }
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .shipping_title {
  font-weight: bold;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .form_group {
  width: 45%;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .form_group {
    width: 100%;
  }
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .form_group .label_field {
  font-size: 1.125em;
  color: #b4b4b4;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .form_group input,
.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .form_group select {
  height: 55px;
  background: #f7f7f7;
  margin: 10px 0;
  border: 0;
  -webkit-box-shadow: inset 1px -1px 20px -6px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px -1px 20px -6px rgba(0, 0, 0, 0.2);
  padding: 0 10px;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .shipping_radio {
  margin-top: 50px;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .shipping_radio .choosedelivery {
  font-weight: bold;
  font-size: 1.5em;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .shipping_radio .radiowrap {
  margin: 10px 0;
  font-weight: 300;
  font-size: 1.125em;
  color: #8b8b8b;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .shipping_radio .radiowrap .radiobtn {
  margin: 0;
  width: auto;
  padding: 0;
}

.shipping_main_wrap .shipping_main .shipping_form_wrap .form_group_wrap .shipping_radio .radiowrap .amount_rupee {
  color: #3c3c3c;
  font-weight: normal;
}

.shipping_main_wrap .shipping_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 30px 0;
}

@media only screen and (max-width: 768px) {
  .shipping_main_wrap .shipping_buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.shipping_main_wrap .shipping_buttons .dashboard_btn {
  font-size: 1.5em;
  font-weight: normal;
}

.shipping_main_wrap .shipping_buttons .dashboard_btn:hover {
  background-color: #f19121 !important;
  color: #ffffff;
}

.shipping_main_wrap .shipping_buttons .continue_shopping_btn {
  background-color: #f1592a;
  color: #ffffff;
  margin-right: 15px;
}

.space_owner_wrap {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .space_owner_wrap {
    display: block;
    position: relative;
  }
}

.dashboard_main {
  width: 80%;
  background-color: #ffffff;
  -webkit-box-shadow: -8px 0px 35px 1px rgba(0, 0, 0, 0.1);
          box-shadow: -8px 0px 35px 1px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .dashboard_main {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99;
    overflow: hidden;
    overflow-y: scroll;
  }

  .dashboard_main.active {
    right: 0;
  }
}

.dashboard_main .load_more_wrap .load_more_button {
  width: 30%;
}

@media only screen and (max-width: 768px) {
  .dashboard_main .load_more_wrap .load_more_button {
    width: 60%;
  }
}

.nodataavailable p {
  font-size: 1.5em;
  color: #5d6374;
  font-weight: 600;
  text-align: center;
}

.overall_margin_dashboard {
  margin: 4% 6%;
}

.write_testimonial_wrap {
  padding: 30px 6%;
}

@media only screen and (max-width: 1024px) {
  .write_testimonial_wrap {
    padding: 15px 15px;
  }
}

.write_testimonial_wrap .write_testimonial_select {
  font-family: 'Titillium Web';
  width: 35%;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #3b3b3b;
  background-image: url("/images/drop-down-arrow.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  padding: 10px;
}

@media only screen and (max-width: 1024px) {
  .write_testimonial_wrap .write_testimonial_select {
    width: 70%;
  }
}

.write_testimonial_wrap .textarea_testimonial {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  padding: 10px;
  margin-top: 20px;
  font-family: 'Titillium Web';
  font-size: 1.125em;
  outline: none;
}

.write_testimonial_wrap .submit_testimonials_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.write_testimonial_wrap .submit_testimonials_btn_wrap .submit_testimonials_btn {
  margin-top: 15px;
  font-size: 1.5em;
  font-weight: normal;
  background-color: #f7ad1d;
  color: #000000;
}

.write_testimonial_wrap .submit_testimonials_btn_wrap .submit_testimonials_btn:hover {
  background-color: #f19121 !important;
  color: #ffffff;
}

.write_review_wrap {
  padding: 30px 6%;
}

@media only screen and (max-width: 1024px) {
  .write_review_wrap {
    padding: 15px 15px;
  }
}

.write_review_wrap .write_review_selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5px;
}

.write_review_wrap .write_review_selector .review_select {
  font-family: 'Titillium Web';
  width: 49%;
  border: 1px solid #a1a1a1;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #3b3b3b;
  background-image: url("/images/drop-down-arrow.png");
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  padding: 10px;
}

.write_review_wrap .textarea_review {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  padding: 10px;
  margin-top: 20px;
  font-family: 'Titillium Web';
  font-size: 1.125em;
  outline: none;
}

.write_review_wrap .submit_reviews_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.write_review_wrap .submit_reviews_btn_wrap .review_text {
  position: absolute;
  left: 0;
  top: 30px;
}

.write_review_wrap .submit_reviews_btn_wrap .submit_reviews_btn {
  margin-top: 15px;
  font-size: 1.5em;
  font-weight: normal;
  background-color: #f7ad1d;
  color: #000000;
}

.write_review_wrap .submit_reviews_btn_wrap .submit_reviews_btn:hover {
  background-color: #f19121 !important;
  color: #ffffff;
}

.past_review_main {
  padding: 30px 0;
}

.past_review_main .past_review_title {
  font-weight: 600;
  font-size: 1.125em;
  color: #000000;
  text-align: left;
  padding: 0 6% 15px;
  border-bottom: 1px solid #d4d4d4;
}

@media only screen and (max-width: 1024px) {
  .past_review_main .past_review_title {
    padding: 0 15px 15px;
  }
}

.past_review_main .past_review_row {
  padding: 15px 6%;
  border-bottom: 1px solid #d4d4d4;
}

@media only screen and (max-width: 1024px) {
  .past_review_main .past_review_row {
    padding: 15px;
  }
}

.past_review_main .past_review_row:last-child {
  border-bottom: none;
}

.past_review_main .past_review_row .contractor_review_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
}

.past_review_main .past_review_row .contractor_review_details .contractor_pic {
  width: 65px;
  border-radius: 8px;
  margin-right: 20px;
}

.past_review_main .past_review_row .contractor_review_details .contractor_info span {
  display: block;
  font-size: 1.125em;
  color: #000000;
}

.past_review_main .past_review_row .contractor_review_details .contractor_info .contra_name {
  font-weight: bold;
  line-height: 30px;
}

.past_review_main .past_review_row .contractor_review_details .contractor_info .contra_project {
  font-weight: 300;
}

.past_review_main .past_review_row .review_time {
  display: block;
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 1.125em;
  color: #000000;
}

.past_review_main .past_review_row .past_review_content {
  font-weight: 300;
  font-size: 1.125em;
  color: #000000;
  line-height: 30px;
}

.past_review_main .past_review_row .past_review_content .rating {
  vertical-align: middle;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 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: translateZ(0);
    transform: translateZ(0);
  }

  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  40%, 43%, 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);
  }

  70% {
    -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 {
  0%, 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: translateZ(0);
    transform: translateZ(0);
  }

  40%, 43% {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  40%, 43%, 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);
  }

  70% {
    -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 {
  0%, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(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: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  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 {
  0%, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  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 bounceIn {
  0%, 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: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes bounceIn {
  0%, 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: scaleX(1);
    transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 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: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 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: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 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: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 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: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 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: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 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: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 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, -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: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%, 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, -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: translateZ(0);
    transform: translateZ(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-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 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    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 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }

  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn);
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg);
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg);
  }

  50%, 80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -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 {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-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 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-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 {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -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);
  }

  60%, 80% {
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -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);
  }

  60%, 80% {
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    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 {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: center;
  }

  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: left bottom;
  }

  to {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  0%, to {
    -webkit-transform-origin: right bottom;
  }

  to {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(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;
  }

  0%, 20%, 60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }

  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(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-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    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 {
  0% {
    opacity: 1;
  }

  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50%, to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50%, 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 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(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 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Ace Responsive Menu
----------------------------------------*/

a {
  text-shadow: none;
  color: #0d638f;
}

ul {
  margin: 0px;
  padding: 0px;
}

.ace-responsive-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  float: left;
  width: 100%;
  font-family: 'Titillium Web';
}

.ace-responsive-menu li {
  list-style: none;
}

.ace-responsive-menu li ul {
  display: none;
}

.ace-responsive-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px;
  float: left;
}

.ace-responsive-menu li a {
  color: #c0c0c0;
}

.ace-responsive-menu > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 18px 20px 18px 12px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 300;
  color: #1C1C1E;
  text-transform: uppercase;
}

.ace-responsive-menu li a i {
  padding-right: 5px;
  color: #FF5737;
}

.ace-responsive-menu > li > a i {
  font-size: 16px;
  text-shadow: none;
  color: #FF5737;
}

.ace-responsive-menu li ul.sub-menu li a i {
  padding-right: 10px;
}

.ace-responsive-menu li.menu-active > a {
  background: #272727 !important;
  color: #fff;
}

.ace-responsive-menu li .menu-active {
  position: relative;
}

.ace-responsive-menu > li > a > .arrow:before {
  margin-left: 15px;
  display: inline;
  font-size: 16px;
  font-family: 'fdi';
  height: auto;
  content: "\E90F";
  font-weight: 300;
  text-shadow: none;
  width: 10px;
  display: inline-block;
}

.ace-responsive-menu li ul.sub-menu li > a > .arrow:before {
  content: "\E908" !important;
}

.ace-responsive-menu > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0;
  position: absolute;
}

.ace-responsive-menu li ul.sub-menu {
  background: #333;
}

.ace-responsive-menu li ul.sub-menu > li {
  width: 185px;
}

.ace-responsive-menu li ul.sub-menu li a {
  display: block;
  margin: 0px 0px;
  padding: 12px 20px 12px 15px;
  text-decoration: none;
  font-size: 13px;
  font-weight: normal;
  background: none;
}

.ace-responsive-menu > li > ul.sub-menu > li {
  position: relative;
}

.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
  position: absolute;
  left: 185px;
  top: 0px;
  display: none;
  list-style: none;
}

.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
  position: absolute;
  left: 185px;
  top: 0px;
  display: none;
  list-style: none;
}

.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
  float: right;
  margin-top: 1px;
  margin-right: 0px;
  display: inline;
  font-size: 16px;
  font-family: 'fdi';
  height: auto;
  content: "\E908";
  font-weight: 300;
  text-shadow: none;
}

/* Menu Toggle Btn
----------------------------------------*/

.menu-toggle {
  display: none;
  float: left;
  width: 100%;
  background: #333;
}

.menu-toggle h3 {
  float: left;
  color: #FFF;
  padding: 0px 10px;
  font-weight: 600;
  font-size: 16px;
}

.menu-toggle .icon-bar {
  display: block !important;
  width: 18px;
  height: 2px;
  background-color: #F5F5F5 !important;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  margin: 3px;
}

.menu-toggle .icon-bar:hover {
  background-color: #F5F5F5 !important;
}

.menu-toggle #menu-btn {
  float: right;
  background: #202020;
  border: 1px solid #0C0C0C;
  padding: 8px;
  border-radius: 5px;
  cursor: pointer;
  margin: 10px;
}

/*.hide-menu {
    display: none;
}
*/

/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] {
  width: 250px;
}

ul[data-menu-style="accordion"] > li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px;
  float: none !important;
}

ul[data-menu-style="accordion"] > li:first-child {
  border-top: 2px solid #FD5025;
}

ul[data-menu-style="accordion"] li ul.sub-menu > li {
  width: 100%;
}

ul[data-menu-style="accordion"] > li > a > .arrow:before {
  float: right;
  content: "\E908";
}

ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
  content: "\E90F" !important;
}

ul[data-menu-style="accordion"] > li > ul.sub-menu {
  position: static;
}

ul[data-menu-style="accordion"] > li > a i {
  padding-right: 10px;
  color: #FF5737;
}

ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
  position: static;
}

ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
  position: static;
}

ul[data-menu-style="accordion"] > li {
  border-bottom: 1px solid #242424;
}

ul[data-menu-style="accordion"] li a:hover {
  background: #272727 !important;
}

ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
  content: "\E90F" !important;
}

/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] {
  width: 200px;
}

ul[data-menu-style="vertical"] > li {
  float: none;
}

ul[data-menu-style="vertical"] > li:first-child {
  border-top: 2px solid #FD5025;
}

ul[data-menu-style="vertical"] li ul.sub-menu > li {
  width: 100%;
}

ul[data-menu-style="vertical"] > li > a > .arrow:before {
  float: right;
  content: "\E908";
}

ul[data-menu-style="vertical"] > li.menu-active {
  position: relative;
}

ul[data-menu-style="vertical"] > li > ul.sub-menu {
  position: absolute;
  left: 200px;
  top: 0px;
  width: 200px;
}

ul[data-menu-style="vertical"] > li > a i {
  padding-right: 10px;
  color: #FF5737;
}

ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu {
  position: absolute;
  width: 200px;
  left: 200px;
}

ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
  position: absolute;
  width: 200px;
  left: 200px;
}

ul[data-menu-style="vertical"] > li {
  border-bottom: 1px solid #242424;
}

ul[data-menu-style="vertical"] li a:hover {
  background: #272727 !important;
}

/* Responsive Menu Styles
----------------------------------------*/

/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/

@media screen and (max-width: 768px) {
  .demo {
    width: 96%;
    padding: 2%;
  }

  ul[data-menu-style="vertical"],
  ul[data-menu-style="accordion"],
  ul[data-menu-style="vertical"] li ul.sub-menu {
    width: 100% !important;
  }

  .ace-responsive-menu {
    float: left;
    width: 100%;
  }

  .ace-responsive-menu > li {
    float: none;
  }

  .ace-responsive-menu > li:f irst-child {
    border-top: 2px solid #FD5025;
  }

  .ace-responsive-menu > li > a i {
    padding-right: 10px;
    color: #FF5737;
  }

  .ace-responsive-menu > li > a > .arrow:before {
    float: right;
    content: "\E908";
  }

  li.menu-active > a > .arrow:before {
    content: "\E90F" !important;
  }

  .ace-responsive-menu li ul.sub-menu > li {
    width: 100%;
  }

  .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
    padding-left: 30px;
  }

  .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
    padding-left: 50px;
  }

  .ace-responsive-menu > li > ul.sub-menu {
    position: static;
  }

  .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
    position: static;
  }

  .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
    position: static;
  }

  .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
    content: "\E90F" !important;
  }
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  /*background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

.design_details_main {
  margin: 30px 0 0 0;
}

.design_details_main:nth-child(3) {
  margin: 0 0 65px 0;
}

@media only screen and (max-width: 768px) {
  .design_details_main {
    margin: 30px 15px 20px;
  }
}

.design_details_main .design_title {
  font-size: 1.875em;
  font-weight: 600;
  line-height: 30px;
  color: #3c3c3c;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .design_details_main .design_title {
    margin-bottom: 15px;
  }
}

.design_details_main .design_detail_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .design_details_main .design_detail_wrap {
    margin-bottom: 10px;
  }
}

.design_details_main .design_detail_wrap .design_detail_left {
  width: 55%;
}

@media only screen and (max-width: 768px) {
  .design_details_main .design_detail_wrap .design_detail_left {
    width: 100%;
    margin-bottom: 10px;
  }
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main {
  height: auto;
  margin-bottom: 15px;
  overflow: hidden;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card {
  position: relative;
  outline: none;
  border: none;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card .design_tag_wrap {
  position: absolute;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card .design_tag_wrap .design_type {
  padding: 8.5px 10px;
  border-radius: 20px;
  background-color: #f7ad1d;
  color: #000000;
  font-size: 0.813em;
  font-weight: 600;
  margin-right: 10px;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card .design_tag_wrap .like_wrap {
  padding: 8.5px 10px;
  border-radius: 20px;
  background-color: #ffffff;
  color: #000;
  font-size: 0.813em;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card .design_tag_wrap .like_wrap .fdi_heart {
  padding-left: 5px;
  font-weight: 600;
  color: #e64f25;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_main_card .design_img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom {
  width: 100%;
  height: auto;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-prev {
  left: 10px;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-next {
  right: 10px;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-prev,
.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-next {
  width: auto;
  height: auto;
  background: #ffffff;
  border-radius: 35px;
  -webkit-box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
          box-shadow: -1px -1px 20px 3px rgba(0, 0, 0, 0.2);
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-prev:before,
.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .slick-next:before {
  font-size: 30px;
  opacity: 1;
}

.design_details_main .design_detail_wrap .design_detail_left .design_img_bottom .design_sub_images {
  width: 25%;
  margin-right: 5px;
  outline: none;
  border: none;
}

.design_details_main .design_detail_wrap .design_detail_right {
  width: 42%;
}

@media only screen and (max-width: 768px) {
  .design_details_main .design_detail_wrap .design_detail_right {
    width: 100%;
  }
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap {
  margin-bottom: 20px;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125em;
  font-weight: 300;
  color: #3c3c3c;
  padding-bottom: 15px;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap span span:first-child {
  font-weight: 600;
  padding-bottom: 0;
  margin-right: 5px;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap strong {
  display: block;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap .making_title {
  display: inline-block;
  font-size: 1.5em;
  color: #3c3c3c;
  font-weight: 300;
  padding-bottom: 8px;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 10px;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap .lowest_cost_wrap {
  color: #f1592a;
  font-weight: bold;
  font-size: 1.25em;
}

.design_details_main .design_detail_wrap .design_detail_right .design_making_wrap p {
  color: #3c3c3c;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 29px;
}

.design_details_main .design_detail_wrap .design_detail_right .look_up_for_contractors {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.125em;
  margin: 20px auto 35px;
}

@media only screen and (max-width: 768px) {
  .design_details_main .design_detail_wrap .design_detail_right .look_up_for_contractors {
    margin: 10px auto 15px;
  }
}

.design_details_main .design_detail_wrap .design_detail_right .look_up_for_contractors:hover {
  background-color: #ffffff;
  color: #f19121;
  border: 1px solid #f19121;
}

.design_details_main .design_detail_wrap .design_detail_right .look_up_for_contractors:hover:after {
  color: #f19121;
}

.design_details_main .design_detail_wrap .design_detail_right .look_up_for_contractors:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: top;
  font-weight: bold;
}

.design_details_main .design_detail_wrap .design_detail_right .project_share h4.social_title {
  font-weight: 600;
  color: #000000;
  margin-bottom: 10px;
}

.design_details_main .design_detail_wrap .design_detail_right .project_share #st-1.sharethis-inline-share-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.design_page_contractor_listing {
  margin: 0px 0;
}

@media only screen and (max-width: 768px) {
  .design_page_contractor_listing {
    margin: 0px 5px;
  }
}

.design_page_contractor_listing .contractor_listing_title {
  font-weight: 300;
  color: #000;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .design_page_contractor_listing .contractor_listing_title {
    padding: 0 10px;
    margin-bottom: 15px;
  }
}

.design_page_contractor_listing .load_more_wrap {
  text-align: center;
  margin: 30px 0;
}

.design_page_contractor_listing .load_more_wrap .load_more_btn {
  background: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  padding: 20px;
  border: 0;
  font-weight: bold;
  font-size: 1.125em;
}

.design_page_contractor_listing .load_more_wrap .load_more_btn:hover {
  background: #dddcdc !important;
  color: #000000;
  border: none;
}

@media only screen and (max-width: 768px) {
  .design_page_contractor_listing .load_more_wrap .load_more_btn {
    width: 60%;
    margin: 10px auto;
  }
}

.contractor_design_ideas_main {
  background-color: #f1f2f6;
  padding: 35px 0;
}

@media only screen and (max-width: 768px) {
  .contractor_design_ideas_main {
    padding: 30px 15px;
  }
}

.contractor_design_ideas_main .contractor_design_ideas_heading {
  font-weight: 100;
  color: #000000;
  text-transform: uppercase;
  line-height: 40px;
}

@media only screen and (max-width: 768px) {
  .contractor_design_ideas_main .contractor_design_ideas_heading {
    line-height: 20px;
  }
}

.contractor_design_ideas_main .contractor_design_ideas_title {
  font-weight: bold;
  color: #f19121;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.contractor_design_ideas_main .contractor_design_image {
  width: 100%;
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .contractor_design_ideas_main .contractor_design_image.desktop {
    display: none;
  }
}

.contractor_design_ideas_main .contractor_design_ideas_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 25px 0;
}

.contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left {
  width: 100%;
}

.contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile {
    display: block;
    height: auto;
    outline: none;
    border: none;
  }

  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-list {
    height: auto;
  }

  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-prev {
    left: 0px;
  }

  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-next {
    right: 0px;
  }

  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-prev,
  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-next {
    width: auto;
    height: auto;
    background: #ffffff;
    border-radius: 35px;
    -webkit-box-shadow: -1px -1px 10px 1px rgba(0, 0, 0, 0.2);
            box-shadow: -1px -1px 10px 1px rgba(0, 0, 0, 0.2);
  }

  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-prev:before,
  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .slick-next:before {
    font-size: 30px;
    opacity: 1;
  }
}

.contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_slider_mobile .contractor_design_image {
  margin: 0 10px;
}

.contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_left .contractor_design_details {
  color: #3c3c3c;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}

.contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_right {
  width: 30%;
}

@media only screen and (max-width: 768px) {
  .contractor_design_ideas_main .contractor_design_ideas_wrap .contractor_design_ideas_right {
    display: none;
  }
}

.gallery_listing_main {
  padding: 35px 0;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main {
    padding: 20px 15px;
  }
}

.gallery_listing_main .gallery_listing_title {
  color: #3c3c3c;
  font-weight: 300;
  margin-bottom: 10px;
}

.gallery_listing_main .gallery-cover {
  margin: 25px 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery-cover {
    display: none;
  }
}

.gallery_listing_main .gallery_filters_wrap {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap {
    margin-bottom: 15px;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap .filter_desktop {
    display: none;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop li {
  display: inline-block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down {
  width: 30%;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down {
    width: 28%;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .drop_down_title {
  color: #f19121;
  font-size: 1.125em;
  font-weight: normal;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main {
  max-height: 52px;
  border: 1px solid #a1a1a1;
  margin-top: 10px;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #3b3b3b;
  background-position: 95% center;
  cursor: pointer;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop.bottom {
  z-index: 9;
  left: -1px;
  border-radius: 0px 0px 4px 4px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop.bottom li {
  display: block;
  padding: 10px 5px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main option {
  display: inline-block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-drop input[type=checkbox] {
  width: auto;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice {
  padding: 12px 10px;
  border: none;
  height: auto;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice > span {
  font-family: 'Titillium Web';
  position: unset;
  color: #3b3b3b;
  font-size: 18px;
  font-weight: normal;
  padding: 0;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .ms-choice > div {
  top: 11px;
  right: 5px;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label {
  position: relative;
  padding-left: 25px;
  color: #9a9a9a;
  font-size: 1em;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox input:checked ~ .checkmark {
  background-color: #f7ad1d;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox input:checked ~ .checkmark:after {
  display: block;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox .checkmark:after {
  left: 2px;
  top: 3px;
  width: 12px;
  height: 9px;
  background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
  background-position: 95% center;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_brown .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_brown:hover input ~ .checkmark {
  background-color: #7d4900;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_cream .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_cream:hover input ~ .checkmark {
  background-color: #fae8d4;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_black .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_black:hover input ~ .checkmark {
  background-color: #000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gray .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gray:hover input ~ .checkmark {
  background-color: #d7d7d7;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_yellow .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_yellow:hover input ~ .checkmark {
  background-color: #fff000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_blue .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_blue:hover input ~ .checkmark {
  background-color: #0078ff;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_red .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_red:hover input ~ .checkmark {
  background-color: #fa0000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_green .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_green:hover input ~ .checkmark {
  background-color: #2ffb00;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_orange .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_orange:hover input ~ .checkmark {
  background-color: #ff9600;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gold .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_gold:hover input ~ .checkmark {
  background-color: #cac302;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_pink .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_pink:hover input ~ .checkmark {
  background-color: #ff00de;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_purple.violet .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_purple.violet:hover input ~ .checkmark {
  background-color: #551A8B;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_white .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_white:hover input ~ .checkmark {
  background-color: #fff;
  border: .1px solid #000;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_violet .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_violet:hover input ~ .checkmark {
  background-color: #551A8B;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_tan .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_tan:hover input ~ .checkmark {
  background-color: #D2B48C;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_turquoise .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_turquoise:hover input ~ .checkmark {
  background-color: #40E0D0;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_multi .checkmark,
.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_drop_down .gallery_dropdown_main .custom_checkbox.color_multi:hover input ~ .checkmark {
  background-image: url(/images/multicolor.jpg?79e85d10671de9d1205474de4f8c73c8);
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn {
  color: #000000;
  background-color: #f7ad1d;
  font-weight: 300;
  font-size: 1.5em;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:hover:after {
  color: #ffffff;
}

.gallery_listing_main .gallery_filters_wrap .filter_desktop .gallery_filter_btn_wrap .filter_find_btn:after {
  content: '\F002';
  color: #000000;
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile {
  display: none;
  font-size: 1.125em;
  font-weight: normal;
  color: #ffffff;
  padding: 15px 10px;
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  background: #16345b;
  position: fixed;
  right: 0;
  z-index: 1;
  text-transform: uppercase;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_filters_wrap .filter_mobile {
    display: block;
  }
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile i {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #fff;
}

.gallery_listing_main .gallery_filters_wrap .filter_mobile:hover {
  background: #20477b !important;
}

.gallery_listing_main .gallery_designs_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main {
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
  height: 100%;
  overflow: hidden;
  outline: none;
  border: none;
  margin-right: 1%;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main:nth-child(3n) {
  margin-right: 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main:hover .gallery_designs_content {
  bottom: 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
  width: 32.33%;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small h5 {
  line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 49%;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
  padding: 15% 35px;
  position: absolute;
}

@media only screen and (max-width: 1024px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
    padding: 15% 35px;
  }
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main {
    padding: 5% 35px;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .wood-tool-img {
  margin: 0 auto;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_content {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 1.5em;
  color: #ffffff;
  line-height: 35px;
  margin: 10% 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn {
  width: 100%;
  background-color: #f7ad1d;
  font-size: 1.125em;
  color: #000000;
  font-weight: 600;
  padding: 10px 0;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main.free_quotation_wrap .free_quotation_main .free_quotation_btn:hover:after {
  color: #ffffff;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 49%;
    margin-bottom: 10px;
    margin-right: 1%;
  }

  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 550px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main.card_small {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap {
  position: absolute;
  padding: 20px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .design_type {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #f7ad1d;
  color: #000000;
  font-size: 0.813em;
  font-weight: 600;
  margin-right: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .like_wrap {
  padding: 8.5px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000;
  font-size: 0.813em;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_tag_wrap .like_wrap .fdi_heart {
  padding-left: 5px;
  font-weight: 600;
  color: #e64f25;
}

@media (max-width: 768px) {
  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img {
    height: 100%;
  }

  .gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img img {
    height: 100%;
  }
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_bg_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -100%;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
  border-radius: 10px;
  color: #ffffff;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap {
  position: relative;
  height: 100%;
  margin: 0 15px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .lowest_cost_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .dimen_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .type_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .material_wrap,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .uplostery_wrap {
  display: block;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap span {
  margin-bottom: 5px;
  font-weight: 300;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap span span:first-child {
  font-weight: 600;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details {
  padding: 10px 0;
  font-size: 1.5em;
  font-weight: 600;
  border-style: solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .making_details:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #ffffff;
  margin-top: 10px;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap {
  width: 100%;
  position: absolute;
  bottom: 10px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.25em;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:hover:after {
  color: #ffffff;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_view_wrap:after {
  content: '\F101';
  color: #000000;
  padding-left: 15px;
  vertical-align: baseline;
}

.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_like_share_wrap .gallery_like_wrap button,
.gallery_listing_main .gallery_designs_wrap .gallery_designs_main .gallery_designs_content .gallery_designs_content_wrap .gallery_designs_interactive_wrap .gallery_like_share_wrap .gallery_share_wrap button {
  color: #ffffff;
  font-size: 1.25em;
}

.gallery_listing_main .load_more_wrap {
  margin: 30px 0;
  text-align: center;
}

.gallery_listing_main .load_more_wrap .load_more_btn {
  background-color: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  padding: 20px;
  font-weight: bold;
  font-size: 1.25em;
  border: none;
}

.gallery_listing_main .load_more_wrap .load_more_btn:hover {
  background: #dddcdc !important;
  color: #000000;
  border: none;
}

@media only screen and (max-width: 768px) {
  .gallery_listing_main .load_more_wrap .load_more_btn {
    width: 60%;
    margin: 10px auto;
  }
}

.sort_filter_mobile {
  position: fixed;
  top: 0;
  right: -100%;
}

@media only screen and (max-width: 768px) {
  .sort_filter_mobile {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    z-index: 997;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }

  .sort_filter_mobile.active {
    right: 0px;
  }

  .sort_filter_mobile .filter_mobile_head {
    background-color: #16345b;
    padding: 25px 30px;
    text-align: center;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mob_back_btn {
    float: left;
    padding: 0;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mob_back_btn:before {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.6em;
  }

  .sort_filter_mobile .filter_mobile_head .filter_mobile_title {
    font-size: 1.5em;
    font-weight: normal;
    color: #ffffff;
  }

  .sort_filter_mobile .filter_mobile_head:after {
    content: '';
    clear: both;
  }

  .sort_filter_mobile .filter_mobile_middle {
    margin: 15px 2%;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main {
    margin-top: 10px;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_title {
    color: #f19121;
    font-size: 1.25em;
    font-weight: normal;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_title span {
    color: #000;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_btn {
    border: 1px solid #a1a1a1;
    margin-top: 10px;
    border-radius: 5px;
    color: #3b3b3b;
    cursor: pointer;
    padding: 15px 10px;
    background: #ffffff;
    font-size: 1.25em;
  }

  .sort_filter_mobile .filter_mobile_middle .mobile_filter_menu_main .mobile_filter_menu_btn:after {
    content: '\E907';
    color: #000;
    right: 5%;
    position: absolute;
    font-weight: bold;
  }

  .sort_filter_mobile .filter_mobile_bottom {
    position: fixed;
    bottom: 10px;
    width: 96%;
    margin: 0 2%;
  }

  .sort_filter_mobile .filter_mobile_bottom .filter_mobile_apply {
    background-color: #f7ad1d;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 300;
    font-size: 1.5em;
  }

  .sort_filter_mobile .filter_mobile_bottom .filter_mobile_apply:hover {
    background-color: #f19121;
    color: #ffffff;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap {
    background: #ffffff;
    position: fixed;
    width: 60%;
    height: 100vh;
    top: 0;
    right: -100%;
    z-index: 999;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap.active {
    right: 0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main {
    display: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main.active {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 100vh;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label {
    position: relative;
    padding-left: 25px;
    color: #9a9a9a;
    font-size: 1em;
    display: block;
    line-height: 15px;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu input:checked ~ .checkmark {
    background-color: #f7ad1d;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu input:checked ~ .checkmark:after {
    display: block;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu .checkmark:after {
    left: 2px;
    top: 3px;
    width: 12px;
    height: 9px;
    background: url(/images/checked.png?26f758ab77c55856f6a5d89229795543) no-repeat;
    background-position: 95% center;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_brown .checkmark {
    background-color: #7d4900;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_cream .checkmark {
    background-color: #fae8d4;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_black .checkmark {
    background-color: #000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_gray .checkmark {
    background-color: #d7d7d7;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_yellow .checkmark {
    background-color: #fff000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_blue .checkmark {
    background-color: #0078ff;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_red .checkmark {
    background-color: #fa0000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_green .checkmark {
    background-color: #2ffb00;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_orange .checkmark {
    background-color: #ff9600;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_gold .checkmark {
    background-color: #cac302;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_pink .checkmark {
    background-color: #ff00de;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_purple.violet .checkmark {
    background-color: #551A8B;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_purple.violet input:checked ~ .checkmark {
    background-color: #f7ad1d;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_white .checkmark {
    background-color: #fff;
    border: .1px solid #000;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_white input:checked ~ .checkmark {
    border: none;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_violet .checkmark {
    background-color: #EE82EE;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_tan .checkmark {
    background-color: #D2B48C;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_turquoise .checkmark {
    background-color: #40E0D0;
  }

  .sort_filter_mobile .filter_mobile_sub_menu_wrap .sub_menu_main .sub_menu.color_multi .checkmark {
    background-image: url(/images/multicolor.jpg?79e85d10671de9d1205474de4f8c73c8);
  }
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  background-color: #d6d6d6;
}

.mCSB_outside + .mCSB_scrollTools {
  right: 5px;
  background-color: transparent;
  margin: 10px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f7ad1d !important;
  opacity: 1;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  opacity: 1;
}

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ms-choice {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff;
}

.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.ms-choice > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 8px;
}

.ms-choice > span.placeholder {
  color: #999;
}

.ms-choice > div {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 25px;
  background: url(/images/drop-down-arrow.png?2a617d34f778f4aa005b3cae2158c065) left center no-repeat;
}

.ms-choice > div.open {
  background: url(/images/drop-down-arrow.png?2a617d34f778f4aa005b3cae2158c065) left center no-repeat;
}

.ms-drop {
  width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.ms-drop.bottom {
  top: 100%;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.ms-drop.top {
  bottom: 100%;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 4px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
}

.ms-search input {
  width: 100%;
  height: auto !important;
  min-height: 24px;
  padding: 0 20px 0 5px;
  margin: 0;
  outline: 0;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);*/
}

.ms-search,
.ms-search input {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 5px 8px;
}

.ms-drop ul > li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static;
}

.ms-drop ul > li .disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
  display: block;
  float: left;
}

.ms-drop ul > li.group {
  clear: both;
}

.ms-drop ul > li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-drop ul > li label {
  font-weight: normal;
  display: block;
  white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
  font-weight: bold;
}

.ms-drop input[type="checkbox"] {
  vertical-align: middle;
}

.ms-drop .ms-no-results {
  display: none;
}

.order_confirmed_main {
  padding: 94px 0;
}

.order_confirmed_main .order_confirmed_wrap {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #d7d7d7;
  padding: 110px 0 70px 0;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 30px lightgrey;
          box-shadow: 0px 0px 30px lightgrey;
}

.order_confirmed_main .order_confirmed_wrap:before {
  content: url(/images/order-paid.png?091f22aa96df3d00b2baff880a8c2435);
  position: absolute;
  top: -70px;
  left: -70px;
}

@media only screen and (max-width: 768px) {
  .order_confirmed_main .order_confirmed_wrap:before {
    position: relative;
    top: 0;
    left: 0;
  }
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top {
  margin-bottom: 60px;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 8%;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper:not(:last-child) {
  border-right: 1px solid #d7d7d7;
  text-align: center;
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #d7d7d7;
  }
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper h1 {
  color: #20bd99;
  font-weight: 600;
  margin-bottom: 25px;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper p {
  color: #a9a9a9;
  line-height: 25px;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper .payment_mode {
  color: #a9a9a9;
  text-transform: uppercase;
  margin-bottom: 20px !important;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper span {
  display: block;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper .order_number {
  font-weight: 600;
  font-size: 1.125em;
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .order_confirmed_main .order_confirmed_wrap .order_confirmed_top .confirmed_wrapper {
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media only screen and (max-width: 768px) {
  .order_confirmed_main .order_confirmed_wrap .order_confirmed_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin: 0 10px;
  }
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_bottom {
  text-align: center;
  padding: 0 8%;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_bottom span {
  line-height: 25px;
}

.order_confirmed_main .order_confirmed_wrap .order_confirmed_bottom span:not(:first-child) {
  color: #a9a9a9;
}

@media only screen and (max-width: 768px) {
  .order_confirmed_main .order_confirmed_wrap {
    width: 100%;
    border: 0;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.order_confirmed_main .continue_shopping {
  margin-top: 60px;
}

.order_confirmed_main .continue_shopping .continue_shopping_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
  margin: 0 auto;
}

.order_confirmed_main .continue_shopping .continue_shopping_btn:after {
  content: '\F101';
  padding-left: 15px;
  vertical-align: top;
  font-weight: 600;
}

.order_confirmed_main .continue_shopping .continue_shopping_btn:hover {
  color: #ffffff;
  background-color: #f1592a !important;
}

.testimonial_feedback_main {
  position: relative;
  margin: 70px 0 60px;
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main {
    margin: 15px 10px 25px;
  }
}

.testimonial_feedback_main .testimonial_feedback_wrap .tesimonial_feedback_text {
  font-weight: bold;
  color: #f7ad1d;
  line-height: 30px;
  text-align: left;
  text-transform: uppercase;
}

.testimonial_feedback_main .testimonial_feedback_wrap .tesimonial_feedback_text .tesimonial_feedback_heading {
  color: #000;
  font-weight: 100;
  display: block;
  font-size: 0.767em;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap {
  margin: 20px 0 35px;
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1em;
          column-gap: 1em;
}

@media only screen and (max-width: 500px) {
  .testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main {
  background-color: #eee;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
  border-radius: 10px;
  outline: none;
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main {
    margin: 10px 0px;
  }
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_card_img img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap {
  padding: 20px;
  border-radius: 0px 0px 10px 10px;
  background-color: #ebebeb;
  border-bottom: 1px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #a1a1a1;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content {
  font-weight: 300;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content p {
  line-height: 25px;
  margin: 10px 0;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .feedback_content:before {
  content: '\F10D';
  font-size: 1.8em;
  line-height: 25px;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .customer_name {
  margin: 30px 0 0 0;
  display: block;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap .customer_name span {
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main .feedback_content_wrap {
    padding: 5px;
  }
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main {
    outline: none;
    border: none;
  }
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main.margin_right {
  margin-right: 1%;
}

.testimonial_feedback_main .testimonial_feedback_wrap .feedback_card_wrap .feedback_card_main.margin_right:nth-child(3n) {
  margin-right: 0;
}

.testimonial_feedback_main .load_more_wrap {
  margin: 30px 0;
}

.testimonial_feedback_main .load_more_wrap .load_more_btn {
  color: #3c3c3c;
  font-weight: bold;
  font-size: 1.125em;
  background: #ebebeb;
  color: #3c3c3c;
  width: 20%;
  border: 0;
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .testimonial_feedback_main .load_more_wrap .load_more_btn {
    width: 60%;
    margin: 10px auto;
  }
}

.order_failed_main {
  padding: 94px 0;
}

.order_failed_main .order_failed_wrap {
  width: 90%;
  margin: 0 auto;
  border: 1px solid #d7d7d7;
  padding: 110px 0 70px 0;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0px 0px 30px lightgrey;
          box-shadow: 0px 0px 30px lightgrey;
}

.order_failed_main .order_failed_wrap:before {
  content: url(/images/order-failed.png?a633d6bb45eebfc5d29ed91ed91affd3);
  position: absolute;
  top: -70px;
  left: -70px;
}

@media only screen and (max-width: 768px) {
  .order_failed_main .order_failed_wrap:before {
    position: relative;
    top: 0;
    left: 0;
  }
}

.order_failed_main .order_failed_wrap .order_failed_top .failed_wrapper {
  padding: 0 8%;
  width: 100%;
  text-align: center;
}

.order_failed_main .order_failed_wrap .order_failed_top .failed_wrapper h1 {
  color: #ed0c0c;
  font-weight: 600;
  margin-bottom: 25px;
}

.order_failed_main .order_failed_wrap .order_failed_top .failed_wrapper p {
  color: #a9a9a9;
  line-height: 25px;
}

.order_failed_main .order_failed_wrap .order_failed_top .failed_wrapper span {
  display: block;
}

@media only screen and (max-width: 768px) {
  .order_failed_main .order_failed_wrap .order_failed_top .failed_wrapper {
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media only screen and (max-width: 768px) {
  .order_failed_main .order_failed_wrap {
    width: 100%;
    border: 0;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.order_failed_main .continue_shopping {
  margin-top: 60px;
}

.order_failed_main .continue_shopping .continue_shopping_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.5em;
  margin: 0 auto;
}

.order_failed_main .continue_shopping .continue_shopping_btn:hover {
  color: #ffffff;
  background-color: #f1592a !important;
}

.assigned_contractors_wrap,
.contacted_contractors_wrap,
.shortlisted_contractors_wrap {
  margin: 4% 6% 0 6%;
}

.assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
.contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
.shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card {
  width: 29%;
  margin-right: 6%;
  margin-bottom: 6%;
}

@media only screen and (max-width: 768px) {
  .assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
  .contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
  .shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card {
    width: 47%;
    margin: 0 6% 6% 0;
  }

  .assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card:last-child,
  .contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:last-child,
  .shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:last-child {
    margin-right: 0;
  }

  .assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(2n),
  .contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(2n),
  .shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(2n) {
    margin-right: 0;
  }

  .assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n),
  .contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n),
  .shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n) {
    margin-right: 6%;
  }
}

@media only screen and (max-width: 500px) {
  .assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
  .contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card,
  .shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card {
    width: 100%;
    margin: 0 0 6% 0;
  }
}

.assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n),
.contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n),
.shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card:nth-child(3n) {
  margin-right: 0;
}

.assigned_contractors_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote,
.contacted_contractors_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote,
.shortlisted_contractors_wrap .contractor_profile_card_main .contractor_profile_card .contractor_info .contractor_details .get_a_free_quote {
  background-color: #78909c;
  pointer-events: none;
}

.dashboard_header {
  padding: 30px 6%;
  background-color: #ffffff;
  color: #000000;
  font-weight: 600;
  font-size: 1.125em;
  border-bottom: 1px solid #dddcdc;
}

@media only screen and (max-width: 768px) {
  .dashboard_header {
    position: relative;
    text-align: center;
    padding: 20px 10px;
    background-color: #16345b;
    color: #ffffff;
    font-weight: bold;
  }
}

.dashboard_header .dashboard_back_btn {
  display: none;
}

@media only screen and (max-width: 768px) {
  .dashboard_header .dashboard_back_btn {
    display: block;
    position: absolute;
    left: 20px;
    content: '\E902';
  }
}

.favourite_articles.article_listing_main .article_listing {
  margin-top: 0;
}

.favourite_articles.article_listing_main .article_listing .article_block {
  width: 29%;
  margin-bottom: 6%;
  margin-right: 6%;
}

.favourite_articles.article_listing_main .article_listing .article_block:nth-child(3n) {
  margin-right: 0;
}

.favourite_articles.article_listing_main .article_listing .article_block .article_image {
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 500px) {
  .favourite_articles.article_listing_main .article_listing .article_block {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .favourite_articles.article_listing_main .article_listing .article_block {
    width: 45%;
  }

  .favourite_articles.article_listing_main .article_listing .article_block:nth-child(2n) {
    margin-right: 0;
  }

  .favourite_articles.article_listing_main .article_listing .article_block:nth-child(3n) {
    margin-right: 6%;
  }
}

.liked_books_wrap.design_books_main {
  padding: 0;
}

.liked_books_wrap.design_books_main .design_books_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.liked_books_wrap.design_books_main .design_books_wrap .book_card {
  margin-right: 6%;
  margin-bottom: 6%;
  width: 29%;
}

.liked_books_wrap.design_books_main .design_books_wrap .book_card:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .liked_books_wrap.design_books_main .design_books_wrap .book_card {
    width: 47%;
  }

  .liked_books_wrap.design_books_main .design_books_wrap .book_card:nth-child(2n) {
    margin-right: 0;
  }

  .liked_books_wrap.design_books_main .design_books_wrap .book_card:nth-child(3n) {
    margin-right: 6%;
  }
}

@media only screen and (max-width: 500px) {
  .liked_books_wrap.design_books_main .design_books_wrap .book_card {
    width: 100%;
    margin-right: 0;
  }
}

.dashboard_fav_designs {
  padding: 0;
  margin: 4% 6%;
}

.dashboard_fav_designs .card_small {
  width: 29%;
  margin-bottom: 6%;
}

@media only screen and (max-width: 500px) {
  .dashboard_fav_designs .card_small {
    width: 100%;
  }
}

.dashboard_fav_designs .gallery_listing_main .load_more_wrap {
  margin: 0 auto;
}

.edit_profile_wrap {
  margin: 5% 6%;
}

@media only screen and (max-width: 768px) {
  .edit_profile_wrap.responsive_container {
    width: 90%;
  }
}

.edit_profile_wrap .edit_profile_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edit_profile_wrap .edit_profile_form .profile_name {
  padding: 20px;
  border-radius: 10px;
  margin-right: 20px;
  border: 1px solid #a1a1a1;
}

.edit_profile_wrap .edit_profile_form .profile_location_box {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #a1a1a1;
  margin-right: 20px;
}

.edit_profile_wrap .edit_profile_form .profile_location_box .location_box {
  position: relative;
}

.edit_profile_wrap .edit_profile_form .profile_location_box .location_box:before {
  content: '\E905';
  padding-right: 15px;
  font-size: 1.125em;
  vertical-align: baseline;
  color: #7f7f7f;
}

.edit_profile_wrap .edit_profile_form .profile_location_box .location_box input {
  border-radius: 0px;
  margin-bottom: 0;
  border: 0;
}

.edit_profile_wrap .edit_profile_form .profile_location_box .location_box .location_gps_btn {
  color: #7f7f7f;
  font-size: 1.125em;
  position: absolute;
  right: 0;
}

.edit_profile_wrap .edit_profile_form .update_profile {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.edit_profile_wrap .edit_profile_form .update_profile .update_profile_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-weight: 300;
  font-size: 1.25em;
  padding: 10px 50px;
}

.edit_profile_wrap .edit_profile_form .update_profile .update_profile_btn:hover {
  background-color: #f1592a !important;
  color: #ffffff;
  border: 1px solid #f1592a;
}

.edit_profile_wrap .edit_profile_form.profile_image_upload {
  margin: 30px 0;
}

.edit_profile_wrap .edit_profile_form.profile_image_upload .profile_upload_input {
  margin-right: 20px;
}

.floorplan_wrap .floorplan_card_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.floorplan_wrap .floorplan_card_section .floorplan_card {
  width: calc(88% / 3);
  margin-right: 6%;
  margin-bottom: 6%;
}

@media screen and (max-width: 1024px) {
  .floorplan_wrap .floorplan_card_section .floorplan_card {
    width: calc(94% / 2);
  }
}

@media screen and (max-width: 500px) {
  .floorplan_wrap .floorplan_card_section .floorplan_card {
    width: 100%;
    margin: 0 0 6% 0;
  }
}

.floorplan_wrap .floorplan_card_section .floorplan_card img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .floorplan_wrap .floorplan_card_section .floorplan_card:nth-child(2n) {
    margin-right: 0;
  }
}

.floorplan_wrap .floorplan_card_section .floorplan_card:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  .floorplan_wrap .floorplan_card_section .floorplan_card:nth-child(3n) {
    margin-right: 6%;
  }
}

.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_image {
  border: 1px solid #ebebeb;
  overflow: hidden;
  border-radius: 20px;
}

.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_upload_date {
  border-bottom: 1px solid #ebebeb;
}

.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_upload_date,
.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_contractor_name {
  font-size: 1.25em;
  font-weight: bold;
  padding: 15px;
}

.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_upload_date span,
.floorplan_wrap .floorplan_card_section .floorplan_card .floorplan_contractor_name span {
  font-weight: 300;
  margin-left: 20px;
}

.image_modal_wrap {
  max-width: 800px;
}

.whats_trending_wrap {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  .whats_trending_wrap {
    padding: 0 15px;
  }
}

.whats_trending_wrap .heading_wrap {
  padding: 35px 0;
}

.whats_trending_wrap .heading_wrap h2 {
  font-weight: bold;
  color: #f19121;
}

@media only screen and (max-width: 768px) {
  .whats_trending_wrap .heading_wrap h2 {
    margin-bottom: 30px;
  }
}

.whats_trending_wrap .heading_wrap .category_buttons .cat_btn,
.whats_trending_wrap .heading_wrap .category_buttons .mat_btn {
  background-color: #f7ad1d;
  color: #000000;
  font-size: 1.125em;
  padding: 12px 25px;
  font-weight: normal;
  pointer-events: none;
  margin-bottom: 10px;
}

.whats_trending_wrap .heading_wrap .category_buttons .cat_btn:not(:last-child),
.whats_trending_wrap .heading_wrap .category_buttons .mat_btn:not(:last-child) {
  margin-right: 10px;
}

.whats_trending_wrap .heading_wrap .category_buttons .cat_btn:hover,
.whats_trending_wrap .heading_wrap .category_buttons .mat_btn:hover {
  background-color: #f7ad1d !important;
}

.whats_trending_wrap .heading_wrap .category_buttons .cat_btn.inactive,
.whats_trending_wrap .heading_wrap .category_buttons .mat_btn.inactive {
  background: #dddcdc;
  pointer-events: auto;
}

.whats_trending_wrap .heading_wrap .category_buttons .cat_btn.inactive:hover,
.whats_trending_wrap .heading_wrap .category_buttons .mat_btn.inactive:hover {
  background: #dddcdc !important;
}

.whats_trending_wrap .heading_wrap.second_heading {
  border-top: 1px solid #e3e3e3;
  padding: 35px 0;
  margin-top: 55px;
}

@media only screen and (max-width: 768px) {
  .whats_trending_wrap .heading_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.whats_trending_wrap .trending_categories_wrap {
  margin-top: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap {
  width: calc(96% / 3);
  margin: 0;
  outline: 0;
  margin-right: 2%;
  margin-bottom: 2%;
}

@media only screen and (max-width: 767px) {
  .whats_trending_wrap .trending_categories_wrap .trending_card_wrap {
    width: calc(96% / 2);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .whats_trending_wrap .trending_categories_wrap .trending_card_wrap:nth-child(2n) {
    margin-right: 0;
  }

  .whats_trending_wrap .trending_categories_wrap .trending_card_wrap:nth-child(3n) {
    margin-right: 2%;
  }
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap.slick-active {
  opacity: 1;
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap:nth-child(3n) {
  margin-right: 0;
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap .trending_image {
  position: relative;
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap .trending_image img {
  width: 100%;
  border-radius: 10px;
}

.whats_trending_wrap .trending_categories_wrap .trending_card_wrap .trending_image .card_title {
  position: absolute;
  bottom: 0;
  display: block;
  padding: 10px 15px;
  font-size: 1.125em;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  left: 0;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

.whats_trending_wrap .trending_material_wrap {
  margin-top: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap {
  width: calc(90% / 6);
  margin: 0;
  outline: 0;
  margin-right: 2%;
  margin-bottom: 2%;
}

@media only screen and (max-width: 768px) {
  .whats_trending_wrap .trending_material_wrap .trending_card_wrap {
    width: calc(94% / 3);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(3n) {
    margin-right: 0;
  }

  .whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(2n) {
    margin-right: 2%;
  }
}

@media only screen and (max-width: 767px) {
  .whats_trending_wrap .trending_material_wrap .trending_card_wrap {
    width: calc(96% / 2);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(2n) {
    margin-right: 0;
  }

  .whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(3n) {
    margin-right: 2%;
  }
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap.slick-active {
  opacity: 1;
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(6n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .whats_trending_wrap .trending_material_wrap .trending_card_wrap:nth-child(6n) {
    margin-right: 2%;
  }
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap .trending_image {
  position: relative;
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap .trending_image img {
  width: 100%;
  border-radius: 10px;
}

.whats_trending_wrap .trending_material_wrap .trending_card_wrap .trending_image .card_title {
  position: absolute;
  bottom: 0;
  display: block;
  padding: 10px 15px;
  font-size: 1.125em;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  left: 0;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

.whats_trending_wrap h3 {
  font-size: 1.5em;
  margin-bottom: 25px;
}

.whats_trending_wrap p {
  line-height: 25px;
  margin-bottom: 40px;
}

.whats_trending_wrap a {
  font-weight: 600;
}

.guide_footer_wrapper {
  border-top: 1px solid #e3e3e3;
  padding-bottom: 55px;
}

@media only screen and (max-width: 768px) {
  .guide_footer_wrapper {
    padding: 0 15px 55px 15px;
  }
}

.guide_footer_wrapper h3 {
  margin-bottom: 15px;
  margin-top: 45px;
}

.guide_footer_wrapper p {
  line-height: 25px;
  margin-bottom: 30px;
}

.guide_footer_wrapper img {
  width: 100%;
}

.category_details_wrapper,
.material_details_wrapper {
  padding: 35px 0 20px 0;
}

@media only screen and (max-width: 768px) {
  .category_details_wrapper,
  .material_details_wrapper {
    padding: 35px 15px 20px 15px;
  }
}

.category_details_wrapper h3,
.material_details_wrapper h3 {
  margin-bottom: 15px;
}

.category_details_wrapper p,
.material_details_wrapper p {
  margin-bottom: 25px;
  line-height: 25px;
}

.category_details_wrapper .cat_banner_img,
.category_details_wrapper .mat_banner_img,
.material_details_wrapper .cat_banner_img,
.material_details_wrapper .mat_banner_img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 30px;
}

.category_details_wrapper .cat_detail_images .inspiration_design_main,
.material_details_wrapper .cat_detail_images .inspiration_design_main {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .category_details_wrapper .cat_detail_images .inspiration_design_main .inspiration_card_main,
  .material_details_wrapper .cat_detail_images .inspiration_design_main .inspiration_card_main {
    margin: 0 10px;
    opacity: 0.2;
  }
}

.category_details_wrapper .cat_detail_images .inspiration_design_main .inspiration_card_main.slick-active,
.material_details_wrapper .cat_detail_images .inspiration_design_main .inspiration_card_main.slick-active {
  opacity: 1;
}

.category_details_wrapper .cat_detail_images:nth-child(3n),
.material_details_wrapper .cat_detail_images:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .category_details_wrapper .cat_detail_images:nth-child(3n),
  .material_details_wrapper .cat_detail_images:nth-child(3n) {
    margin: 0 10px;
  }
}

.category_details_wrapper .card_6_wrapper .inspiration_design_main,
.material_details_wrapper .card_6_wrapper .inspiration_design_main {
  padding: 0;
}

.category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6,
.material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6 {
  width: calc(95% / 6);
  margin: 0;
  margin-right: 1%;
  margin-bottom: 1%;
}

.category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(6n),
.material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(6n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6,
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6 {
    width: calc(94% / 3);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(6n),
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(6n) {
    margin-right: 2%;
  }

  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(3n),
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6,
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6 {
    width: calc(96% / 2);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(3n),
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(3n) {
    margin-right: 2%;
  }

  .category_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(2n),
  .material_details_wrapper .card_6_wrapper .inspiration_design_main .inspiration_card_main.card_6:nth-child(2n) {
    margin-right: 0;
  }
}

.adhesives_range_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.adhesives_range_wrap .adhesives_card {
  position: relative;
  width: calc(96% / 5);
  margin-right: 1%;
  margin-bottom: 1%;
  background-color: #3b3b3b;
  border-radius: 15px;
}

.adhesives_range_wrap .adhesives_card:nth-child(5n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .adhesives_range_wrap .adhesives_card {
    width: calc(94% / 3);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .adhesives_range_wrap .adhesives_card:nth-child(5n) {
    margin-right: 2%;
  }

  .adhesives_range_wrap .adhesives_card:nth-child(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .adhesives_range_wrap .adhesives_card {
    width: calc(96% / 2);
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .adhesives_range_wrap .adhesives_card:nth-child(3n) {
    margin-right: 2%;
  }

  .adhesives_range_wrap .adhesives_card:nth-child(2n) {
    margin-right: 2%;
  }
}

.adhesives_range_wrap .adhesives_card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
}

.adhesives_range_wrap .adhesives_card .adhesives_title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 15px 15px;
  background: rgba(70, 71, 70, 0.6);
  font-size: 1.125em;
  color: #ffffff;
}

.fd_termspolicy_main {
  margin: 1.875em 0 150px 0;
}

.fd_termspolicy_main p {
  font-weight: normal;
  margin: 1.875em 0;
  line-height: 1.8;
}

.fd_termspolicy_title {
  font-size: 1.875em;
  color: #000000;
  font-weight: 600;
}

.fd_termspolicy_list ul {
  margin-left: 0.813em;
}

.fd_termspolicy_list ul li {
  list-style-type: decimal;
  font-weight: 600;
}

.fd_termspolicy_list ul li .list-title {
  margin: 1.875em 0;
  display: block;
  font-size: 1.125em;
  font-weight: 600;
}

.fd_termspolicy_list ul li p {
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 1.875em;
  margin-left: -1em;
}

.fd_termspolicy_list ul li ul {
  margin-left: 7px;
}

.fd_termspolicy_list ul li ul li {
  list-style-type: square;
  line-height: 1.8;
  font-size: 1.125em;
  font-weight: normal;
  padding-left: 1.25em;
}

.fd_termspolicy_list ul li ul li ul li {
  list-style-type: decimal;
  padding: 0;
  margin: 1.875em 0;
  font-size: 1em;
}

.fd_termspolicy_list ul li ul li ul li ul {
  counter-reset: list;
  margin: 0 0 -1em;
}

.fd_termspolicy_list ul li ul li ul li ul li {
  list-style-type: none;
  font-size: 1em;
  margin: 0;
}

.fd_termspolicy_list ul li ul li ul li ul li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

.fdi_table_wrap {
  width: 100%;
  border: solid 1px #32537f;
}

.fdi_table_wrap table {
  width: 100%;
}

.fdi_table_wrap table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ededed;
}

.fdi_table_wrap table tr.tb_heading {
  background: #f2f3e7;
  font-size: 14px;
  padding: 15px;
  width: calc(100% - 30px);
  border-bottom: solid 1px #32537f;
}

@media screen and (max-width: 640px) {
  .fdi_table_wrap table tr.tb_heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
  }
}

.fdi_table_wrap table tr.tb_heading th {
  padding-right: 10px;
}

.fdi_table_wrap table tr.tb_heading th:last-child {
  padding-right: 0;
}

@media screen and (max-width: 640px) {
  .fdi_table_wrap table tr.tb_heading th:last-child {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 640px) {
  .fdi_table_wrap table tr.tb_heading th {
    padding-bottom: 10px;
    padding-right: 0;
  }
}

.fdi_table_wrap table tr .tb_image {
  padding: 10px;
  width: auto;
  border-right: solid 1px #32537f;
}

.fdi_table_wrap table tr .tb_image img {
  max-width: 62px;
  height: 80px;
  border-style: none;
  text-decoration: none;
  cursor: pointer;
}

.fdi_table_wrap table tr .tb_content {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.25em;
}

.fdi_table_wrap table tr .tb_content .tb_price_value {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fdi_table_wrap table tr .tb_content .tb_price_value p {
  font-size: 0.813em;
  margin-right: 15px;
}

@media screen and (max-width: 640px) {
  .fdi_table_wrap table tr .tb_content .tb_price_value p {
    margin-bottom: 10px;
  }
}

.fdi_table_wrap table tr .tb_content .tb_price_value p span {
  color: #7e8611;
}

@media screen and (max-width: 640px) {
  .fdi_table_wrap table tr .tb_content .tb_price_value {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.fdi_table_wrap table tfoot {
  background-color: #ededed;
  padding: 0px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 1px #32537f;
}

.fdi_table_wrap table tfoot tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.fdi_table_wrap table tfoot tr td {
  font-size: 1.125em;
  width: 50%;
  padding: 10px 0;
}

.fdi_table_wrap table tfoot tr td span {
  color: #0e766d;
}

.fdi_table_wrap table tfoot tr td mark {
  background-color: transparent;
  color: #7e8611;
}

.fdi_table_wrap table tfoot tr td strong {
  font-weight: bold;
}

.article_tag_color a {
  color: #f19121;
}

.Block-card {
  background-color: #455160;
  color: white;
  font-weight: 300;
  padding: 1rem;
  height: 4rem;
}

.Block-cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.Block-card a{
    color: white;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-size: larger;  
}