﻿/*! normalize.css v2.0.1 | MIT License | git.io/normalize */





.contact-info-sheet {
	font-size: 16px;
	position: fixed;
	z-index: 9999
}

.contact-info-sheet.hidden {
	display: none
}

.contact-info-sheet .cis-btn {
	color: #fff;
	display: block
}

.web-home-template .contact-info-sheet .info-sheet-home-btn {
	display: none
}

.contact-info-sheet .info-sheet-content {
	min-height: 75px;
	padding: 1em 30px
}

.contact-info-sheet .info-sheet-nav, .contact-info-sheet .info-sheet-content {
    background: rgba(27, 29, 29, 0.75);
    margin-top: 156px;
}

@media screen and (max-width: 1169px) {
	.contact-info-sheet .info-sheet-pagination {
		display: none
	}
}

@media screen and (max-width: 909px) {
	.contact-info-sheet .info-sheet-chat-btn {
		display: none
	}
}

@media screen and (max-width: 736px) {
	.contact-info-sheet {
		bottom: 0;
		left: 0;
		width: 100%
	}
	.contact-info-sheet.opened {
		bottom: 100%
	}
	.contact-info-sheet .info-sheet-nav {
		padding: 0 1em
	}
	.contact-info-sheet .info-sheet-nav::before,
	.contact-info-sheet .info-sheet-nav::after {
		content: "";
		display: table
	}
	.contact-info-sheet .info-sheet-nav::after {
		clear: both
	}
	.contact-info-sheet .cis-btn {
		color: #fff;
		font-size: 1.125em;
		float: left;
		padding: 0.5em 0
	}
	.contact-info-sheet .cis-btn i {
		line-height: inherit;
		margin-right: 0.5em
	}
	.contact-info-sheet .info-sheet-phone-btn {
		min-width: 50%
	}
	.contact-info-sheet .has-home-btn {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex
	}
	.contact-info-sheet .has-home-btn .cis-btn {
		float: none;
		min-width: 0;
		-webkit-flex-grow: 1;
		-moz-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1
	}
	.contact-info-sheet .has-home-btn .info-sheet-home-btn i,
	.contact-info-sheet .has-home-btn .info-sheet-email-btn i {
		margin-right: 0
	}
	.contact-info-sheet .has-home-btn .info-sheet-home-btn span,
	.contact-info-sheet .has-home-btn .info-sheet-email-btn span {
		display: none
	}
	.contact-info-sheet .has-home-btn .cis-btn.info-sheet-phone-btn {
		text-align: center
	}
	.contact-info-sheet .has-home-btn .cis-btn.info-sheet-email-btn {
		text-align: right
	}
	.contact-info-sheet .info-sheet-content {
		display: none !important
	}
}

@media screen and (min-width: 737px) {
	.contact-info-sheet {
		width: 375px
	}
	.contact-info-sheet .info-sheet-nav {
		position: fixed;
		z-index: 100;
	}
	.contact-info-sheet .cis-btn {
		cursor: pointer;
		height: 50px;
		width: 50px;
		overflow: hidden;
		position: relative
	}
	.contact-info-sheet .cis-btn i {
		font-size: 1.5em;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.contact-info-sheet .cis-btn .fa-angle-up,
	.contact-info-sheet .cis-btn .fa-angle-down {
		font-size: 2em
	}
	.contact-info-sheet .cis-btn span {
		display: none
	}
	.contact-info-sheet .info-sheet-phone {
		font-weight: 700;
		font-size: 2em
	}
	.contact-info-sheet .info-sheet-icon.chat-code img {
		max-width: 50px;
		max-height: 50px
	}
	.contact-info-sheet .info-sheet-content {
		color: #fff;
		overflow-y: auto;
		position: absolute;
		-ms-transition-property: transform;
		-webkit-transition-property: transform;
		transition-property: transform;
		transition-duration: 300ms;
		transition-timing-function: ease;
		width: 100%
	}
	.contact-info-sheet.default,
	.contact-info-sheet.default .info-sheet-nav,
	.contact-info-sheet.left,
	.contact-info-sheet.left .info-sheet-nav,
	.contact-info-sheet.b-left,
	.contact-info-sheet.b-left .info-sheet-nav {
		left: 0
		
	}
	.contact-info-sheet.default .info-sheet-content,
	.contact-info-sheet.left .info-sheet-content,
	.contact-info-sheet.b-left .info-sheet-content {
		left: -375px
	}
	.contact-info-sheet.default.opened .info-sheet-content,
	.contact-info-sheet.left.opened .info-sheet-content,
	.contact-info-sheet.b-left.opened .info-sheet-content {
		-ms-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	.contact-info-sheet.right,
	.contact-info-sheet.right .info-sheet-nav,
	.contact-info-sheet.b-right,
	.contact-info-sheet.b-right .info-sheet-nav {
		right: 0
	}
	.contact-info-sheet.right .info-sheet-content,
	.contact-info-sheet.b-right .info-sheet-content {
		right: -375px
	}
	.contact-info-sheet.right.opened .info-sheet-content,
	.contact-info-sheet.b-right.opened .info-sheet-content {
		-ms-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	.contact-info-sheet.default,
	.contact-info-sheet.left,
	.contact-info-sheet.right {
		top: 155px
	}
	.contact-info-sheet.default.opened .info-sheet-content,
	.contact-info-sheet.left.opened .info-sheet-content {
		margin-left: 50px
	}
	.contact-info-sheet.right.opened .info-sheet-content {
		margin-right: 50px
	}
	.contact-info-sheet.b-left,
	.contact-info-sheet.b-left .info-sheet-nav,
	.contact-info-sheet.b-right,
	.contact-info-sheet.b-right .info-sheet-nav {
		bottom: 0
	}
	.contact-info-sheet.b-left .info-sheet-content,
	.contact-info-sheet.b-right .info-sheet-content {
		bottom: 50px;
		max-height: calc(100vh - 60px)
	}
	.contact-info-sheet.b-left .cis-btn,
	.contact-info-sheet.b-right .cis-btn {
		float: left
	}
}
