/*!
*	______ _	   _   _
*	|  ____| |	 | | (_)
*	| |__  | | __ _| |_ _  ___ ___  _ __
*	|  __| | |/ _` | __| |/ __/ _ \| '_ \
*	| |	| | (_| | |_| | (_| (_) | | | |
*	|_|	|_|\__,_|\__|_|\___\___/|_| |_|
*
*		 https://www.flaticon.com
*/

@font-face {
	font-family: "flaticon_xinterio";
	src: url(https://www.topnotchtechno.com/wp-content/themes/xinterio/libraries/pbmit-xinterio-icon/flaticon_xinterio.woff2?553c94bd8a3f0d24e290f55fb5c99649) format("woff2"),
url(https://www.topnotchtechno.com/wp-content/themes/xinterio/libraries/pbmit-xinterio-icon/flaticon_xinterio.woff?553c94bd8a3f0d24e290f55fb5c99649) format("woff"),
url(https://www.topnotchtechno.com/wp-content/themes/xinterio/libraries/pbmit-xinterio-icon/flaticon_xinterio.eot?553c94bd8a3f0d24e290f55fb5c99649#iefix) format("embedded-opentype"),
url(https://www.topnotchtechno.com/wp-content/themes/xinterio/libraries/pbmit-xinterio-icon/flaticon_xinterio.ttf?553c94bd8a3f0d24e290f55fb5c99649) format("truetype"),
url(https://www.topnotchtechno.com/wp-content/themes/xinterio/libraries/pbmit-xinterio-icon/flaticon_xinterio.svg?553c94bd8a3f0d24e290f55fb5c99649#flaticon_xinterio) format("svg")
}

i[class^="flaticon_xinterio-"]:before, i[class*=" pbmit-xinterio-icon-"]:before {
	font-family: flaticon_xinterio !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pbmit-xinterio-icon-brickwall:before {
	content: "\f101";
}
.pbmit-xinterio-icon-pantone:before {
	content: "\f102";
}
.pbmit-xinterio-icon-bathroom:before {
	content: "\f103";
}
.pbmit-xinterio-icon-living-room:before {
	content: "\f104";
}
.pbmit-xinterio-icon-blueprint:before {
	content: "\f105";
}
.pbmit-xinterio-icon-quote-left:before {
	content: "\f106";
}
.pbmit-xinterio-icon-cushions:before {
	content: "\f107";
}
.pbmit-xinterio-icon-right-quotation-mark:before {
	content: "\f108";
}
.pbmit-xinterio-icon-brickwall-1:before {
	content: "\f109";
}
.pbmit-xinterio-icon-star:before {
	content: "\f10a";
}
.pbmit-xinterio-icon-stairs:before {
	content: "\f10b";
}
.pbmit-xinterio-icon-star-1:before {
	content: "\f10c";
}
.pbmit-xinterio-icon-armchair:before {
	content: "\f10d";
}
.pbmit-xinterio-icon-user:before {
	content: "\f10e";
}
.pbmit-xinterio-icon-kitchen:before {
	content: "\f10f";
}
.pbmit-xinterio-icon-bathtub:before {
	content: "\f110";
}
.pbmit-xinterio-icon-axis:before {
	content: "\f111";
}
.pbmit-xinterio-icon-trophy:before {
	content: "\f112";
}
.pbmit-xinterio-icon-house:before {
	content: "\f113";
}
.pbmit-xinterio-icon-world:before {
	content: "\f114";
}
.pbmit-xinterio-icon-3d:before {
	content: "\f115";
}
.pbmit-xinterio-icon-portfolio:before {
	content: "\f116";
}
.pbmit-xinterio-icon-paint:before {
	content: "\f117";
}
.pbmit-xinterio-icon-satisfaction:before {
	content: "\f118";
}
.pbmit-xinterio-icon-bed:before {
	content: "\f119";
}
.pbmit-xinterio-icon-phone:before {
	content: "\f11a";
}
.pbmit-xinterio-icon-blueprint-1:before {
	content: "\f11b";
}
.pbmit-xinterio-icon-telephone:before {
	content: "\f11c";
}
.pbmit-xinterio-icon-blueprint-2:before {
	content: "\f11d";
}
.pbmit-xinterio-icon-map:before {
	content: "\f11e";
}
.pbmit-xinterio-icon-placeholder:before {
	content: "\f11f";
}
.pbmit-xinterio-icon-message:before {
	content: "\f120";
}
.pbmit-xinterio-icon-right:before {
	content: "\f121";
}
.pbmit-xinterio-icon-left:before {
	content: "\f122";
}
.pbmit-xinterio-icon-up-right-arrow:before {
	content: "\f123";
}
.pbmit-xinterio-icon-check-mark:before {
	content: "\f124";
}
.pbmit-xinterio-icon-wallet:before {
	content: "\f125";
}
.pbmit-xinterio-icon-clock:before {
	content: "\f126";
}
.pbmit-xinterio-icon-tick-mark:before {
	content: "\f127";
}
.pbmit-xinterio-icon-conversation:before {
	content: "\f128";
}
.pbmit-xinterio-icon-hard-hat:before {
	content: "\f129";
}
.pbmit-xinterio-icon-tools:before {
	content: "\f12a";
}
.pbmit-xinterio-icon-house-design:before {
	content: "\f12b";
}
.pbmit-xinterio-icon-drill:before {
	content: "\f12c";
}
.pbmit-xinterio-icon-compass:before {
	content: "\f12d";
}
.pbmit-xinterio-icon-tape-measure:before {
	content: "\f12e";
}
.pbmit-xinterio-icon-eco-home:before {
	content: "\f12f";
}
.pbmit-xinterio-icon-plastering:before {
	content: "\f130";
}
.pbmit-xinterio-icon-calendar:before {
	content: "\f131";
}
.pbmit-xinterio-icon-people:before {
	content: "\f132";
}
.pbmit-xinterio-icon-warranty:before {
	content: "\f133";
}
.pbmit-xinterio-icon-premium:before {
	content: "\f134";
}
.pbmit-xinterio-icon-offer:before {
	content: "\f135";
}
.pbmit-xinterio-icon-engineer:before {
	content: "\f136";
}
.pbmit-xinterio-icon-award:before {
	content: "\f137";
}
.pbmit-xinterio-icon-magnifying-glass:before {
	content: "\f138";
}
.pbmit-xinterio-icon-trolley:before {
	content: "\f139";
}
.pbmit-xinterio-icon-client:before {
	content: "\f13a";
}

.twenty20{
  margin-bottom: 20px;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label, .twentytwenty-after-label {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label, .twentytwenty-after-label {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label {
     }

.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.t20-hover.active .twentytwenty-overlay .twentytwenty-after-label{
  opacity: 1;
}
.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label {
     }

.twentytwenty-horizontal .twentytwenty-before-label {
  left: 1px;
  bottom: 0px;
  max-width: 50%;
  box-sizing: border-box;
  line-height: inherit;
  padding: 4px; }

.twentytwenty-horizontal .twentytwenty-after-label {
  right: 1px;
  bottom: 0px;
  max-width: 50%;
  box-sizing: border-box;
  line-height: inherit;
  padding: 4px; }

.twentytwenty-vertical .twentytwenty-before-label {
  top: 1px;
  line-height: inherit;
  padding: 6px;
  box-sizing: border-box;}

.twentytwenty-vertical .twentytwenty-after-label {
  bottom: 1px;
  line-height: inherit;
  padding: 6px;
  box-sizing: border-box; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }