@media only screen and (max-width: 767px)
#divArtCall {
    right: -7px;
    bottom: -14px;
}
@media handheld, only screen and (max-width: 1440px)
#divArtCall {
    position: fixed;
    bottom: 28px;
    right: 80px;
    z-index: 400;
    left: auto;
}
@media handheld, only screen and (max-width: 1920px)
#divArtCall {
    position: fixed;
    bottom: 28px;
    right: 18px;
    z-index: 400;
    left: auto;
}
#divArtCall {
    position: fixed;
    bottom: 4%;
    /*left: 68px;*/
    right:20px;
    z-index: 400;
}


.cbh-phone {
	/*position:fixed;
	right:0;
	top:445px;*/
	position: relative;
	visibility:hidden;
	background-color:transparent;
	width:140px;
	height:140px;
	cursor:pointer;
	z-index:99;
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;
	transition:visibility .5s
}
.cbh-phone.show {
	visibility:visible;
	display:inline-block!important;
}
.cbh-phone.show:focus {outline:none}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
	}
	100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
	}
}
@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
	}
	100% {
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
	}
}
@-webkit-keyframes fadeInRightBig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(2000px, 0, 0);
	transform:translate3d(2000px, 0, 0)
	}
	100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
	}
}
@-webkit-keyframes fadeOutRight {
	0% {
	opacity:1
	}
	100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
	}
}
@keyframes fadeOutRight {
	0% {
	opacity:1
	}
	100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
	}
}
.fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight
}
.cbh-phone.static {
	opacity:.6
}
.cbh-phone.hover {
	opacity:1
}
.cbh-ph-circle {
	width:128px;
	height:128px;
	top:1px;
	left:0px;
	position:absolute;
	background-color:transparent;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid #3baccf;
	opacity:.1;
	-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;
	animation:cbh-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;

	-webkit-transform-origin:  center center;
	-ms-transform-origin:  center center;
	-o-transform-origin:  center center;
	transform-origin:  center center;

}
.cbh-phone.active .cbh-ph-circle {
	-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
	-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
	-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
	-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;
	animation:cbh-circle-anim 1.1s infinite ease-in-out!important
}
.cbh-phone.static .cbh-ph-circle {
	-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;
	animation:cbh-circle-anim 2.2s infinite ease-in-out!important
}
.cbh-phone.hover .cbh-ph-circle {
	border-color:rgba(0, 175, 242, 1);
	opacity:.5
}
.cbh-phone.blue.hover .cbh-ph-circle {
	border-color:rgba(117, 235, 80, 1);
	opacity:.5
}
.cbh-phone.blue .cbh-ph-circle {
	border-color:rgba(0, 175, 242, 1);
	opacity:.5
}
.cbh-phone.green.hover .cbh-ph-circle {
	border-color:rgba(204, 204, 204, 1);
	opacity:.5
}
.cbh-phone.green .cbh-ph-circle {
	border-color:rgba(117, 235, 80, 1);
	opacity:.5
}
.cbh-phone.black.hover .cbh-ph-circle {
	border-color:rgba(0, 0, 0, 1);
	opacity:.5
}
.cbh-phone.black .cbh-ph-circle {
	border-color:rgba(0, 0, 0, 1);
	opacity:.5
}
.cbh-phone.red.hover .cbh-ph-circle {
	border-color:rgba(255, 0, 0, 1);
	opacity:.5
}
.cbh-phone.red .cbh-ph-circle {
	border-color:rgba(255, 0, 0, 1);
	opacity:.5
}
.cbh-phone.orange.hover .cbh-ph-circle {
	border-color:rgba(255, 185, 0, 1);
	opacity:.5
}
.cbh-phone.orange .cbh-ph-circle {
	border-color:rgba(255, 185, 0, 1);
	opacity:.5
}
.cbh-phone.blue-dark.hover .cbh-ph-circle {
	border-color:rgba(0, 0, 255, 1);
	opacity:.5
}
.cbh-phone.blue-dark .cbh-ph-circle {
	border-color:rgba(0, 0, 255, 1);
	opacity:.5
}
.cbh-phone.yellow.hover .cbh-ph-circle {
	border-color:rgba(255, 255, 0, 1);
	opacity:.5
}
.cbh-phone.yellow .cbh-ph-circle {
	border-color:rgba(255, 255, 0, 1);
	opacity:.5
}
.cbh-phone.gray.hover .cbh-ph-circle {
	border-color:rgba(140, 140, 140, 1);
	opacity:.5
}
.cbh-phone.gray .cbh-ph-circle {
	border-color:rgba(140, 140, 140, 1);
	opacity:.5
}
.cbh-ph-circle-fill {
	width:102px;
	height:102px;
	top:14px;
	left:13px;
	position:absolute;
	background-color:#4998b0;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.1;
	-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;

	-webkit-transform-origin:  center center;
	-ms-transform-origin:  center center;
	-o-transform-origin:  center center;
	transform-origin:  center center;
}
.cbh-phone.active .cbh-ph-circle-fill {
	-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
	-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
	-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
	-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
	animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important
}
.cbh-phone.static .cbh-ph-circle-fill {
	-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
	-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
	-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
	-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
	animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
	opacity:0!important
}
.cbh-phone.hover .cbh-ph-circle-fill {
	background-color:rgba(0, 175, 242, .5);
	opacity:.75!important
}
.cbh-phone.blue.hover .cbh-ph-circle-fill {
	background-color:rgba(117, 235, 80, .5);
	opacity:.75!important
}
.cbh-phone.blue .cbh-ph-circle-fill {
	background-color:rgba(0, 175, 242, .5);
	opacity:.75!important
}
.cbh-phone.green.hover .cbh-ph-circle-fill {
	background-color: rgba(204, 204, 204, .5);
	opacity:.75!important
}
.cbh-phone.green .cbh-ph-circle-fill {
	background-color: rgba(117, 235, 80, .5);
	opacity:.75!important
}

.cbh-phone.black.hover .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 0, .5);
	opacity:.75!important
}
.cbh-phone.black .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 0, .5);
	opacity:.75!important
}
.cbh-phone.red.hover .cbh-ph-circle-fill {
	background-color:rgba(255, 0, 0, .5);
	opacity:.75!important
}
.cbh-phone.red .cbh-ph-circle-fill {
	background-color:rgba(255, 0, 0, .5);
	opacity:.75!important
}
.cbh-phone.blue-dark.hover .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 255, .5);
	opacity:.75!important
}
.cbh-phone.blue-dark .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 255, .5);
	opacity:.75!important
}
.cbh-phone.orange.hover .cbh-ph-circle-fill {
	background-color:rgba(255, 185, 0, .5);
	opacity:.75!important
}
.cbh-phone.orange .cbh-ph-circle-fill {
	background-color:rgba(255, 185, 0, .5);
	opacity:.75!important
}
.cbh-phone.yellow.hover .cbh-ph-circle-fill {
	background-color:rgba(255, 255, 0, .5);
	opacity:.75!important
}
.cbh-phone.yellow .cbh-ph-circle-fill {
	background-color:rgba(255, 255, 0, .5);
	opacity:.75!important
}
.cbh-phone.gray.hover .cbh-ph-circle-fill {
	background-color:rgba(140, 140, 140, .5);
	opacity:.75!important
}
.cbh-phone.gray .cbh-ph-circle-fill {
	background-color:rgba(140, 140, 140, .5);
	opacity:.75!important
}

.cbh-phone.green:hover .cbh-ph-circle {
	border-color:rgba(117, 235, 80, 1);
}
.cbh-phone.green:hover .cbh-ph-circle-fill {
	background-color:rgba(117, 235, 80, .5);
}
.cbh-phone.green:hover .cbh-ph-img-circle {
	background-color:rgba(117, 235, 80, 1);
}

.cbh-phone.black:hover .cbh-ph-circle {
	border-color:rgba(0, 0, 0, 1);
}
.cbh-phone.black:hover .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 0, .5);
}
.cbh-phone.black:hover .cbh-ph-img-circle {
	background-color:rgba(0, 0, 0, 1);
}

.cbh-phone.red:hover .cbh-ph-circle {
	border-color:rgba(255, 0, 0, 1);
}
.cbh-phone.red:hover .cbh-ph-circle-fill {
	background-color:rgba(255, 0, 0, .5);
}
.cbh-phone.red:hover .cbh-ph-img-circle {
	background-color:rgba(255, 0, 0, 1);
}

.cbh-phone.orange:hover .cbh-ph-circle {
	border-color:rgba(255, 185, 0, 1);
}
.cbh-phone.orange:hover .cbh-ph-circle-fill {
	background-color:rgba(255, 185, 0, .5);
}
.cbh-phone.orange:hover .cbh-ph-img-circle {
	background-color:rgba(255, 185, 0, 1);
}

.cbh-phone.yellow:hover .cbh-ph-circle {
	border-color:rgba(255, 255, 0, 1);
}
.cbh-phone.yellow:hover .cbh-ph-circle-fill {
	background-color:rgba(255, 255, 0, .5);
}
.cbh-phone.yellow:hover .cbh-ph-img-circle {
	background-color:rgba(255, 255, 0, 1);
}

.cbh-phone.blue-dark:hover .cbh-ph-circle {
	border-color:rgba(0, 0, 255, 1);
}
.cbh-phone.blue-dark:hover .cbh-ph-circle-fill {
	background-color:rgba(0, 0, 255, .5);
}
.cbh-phone.blue-dark:hover .cbh-ph-img-circle {
	background-color:rgba(0, 0, 255, 1);
}

.cbh-phone.gray:hover .cbh-ph-circle {
	border-color:rgba(140, 140, 140, 1);
}
.cbh-phone.gray:hover .cbh-ph-circle-fill {
	background-color:rgba(140, 140, 140, .5);
}
.cbh-phone.gray:hover .cbh-ph-img-circle {
	background-color:rgba(140, 140, 140, 1);
}


.cbh-ph-img-circle {
	width:72px;
	height:72px;
	top:29px;
	left:28px;
	position:absolute;
	background:url(../images/telephone.png) 50% 50% no-repeat #31b7e0;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid transparent;
	opacity:.7;
	-webkit-animation:cbh-circle-img-anim 2s infinite ease-in-out;
	-moz-animation:cbh-circle-img-anim 2s infinite ease-in-out;
	-ms-animation:cbh-circle-img-anim 2s infinite ease-in-out;
	-o-animation:cbh-circle-img-anim 2s infinite ease-in-out;
	animation:cbh-circle-img-anim 2s infinite ease-in-out;
	
	
	-webkit-transform-origin:  center center;
	-ms-transform-origin:  center center;
	-o-transform-origin:  center center;
	transform-origin:  center center;
}
.cbh-phone.active .cbh-ph-img-circle {
	-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
	-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
	-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
	-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;
	animation:cbh-circle-img-anim 1s infinite ease-in-out!important
}
.cbh-phone.static .cbh-ph-img-circle {
	-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
	-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
	-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
	-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;
	animation:cbh-circle-img-anim 0s infinite ease-in-out!important
}
.cbh-phone.hover .cbh-ph-img-circle {
	background-color:rgba(0, 175, 242, 1)
}
.cbh-phone.blue.hover .cbh-ph-img-circle {
	background-color:rgba(117, 235, 80, 1)
}
.cbh-phone.blue .cbh-ph-img-circle {
	background-color:rgba(0, 175, 242, 1)
}
.cbh-phone.green.hover .cbh-ph-img-circle {
	background-color:rgba(204, 204, 204, 1)
}
.cbh-phone.green .cbh-ph-img-circle {
	background-color: #76aa00;/*rgba(117, 235, 80, 1)*/
}
.cbh-phone.black .cbh-ph-img-circle {
	background-color:rgba(0, 0, 0, 1)
}
.cbh-phone.black.hover .cbh-ph-img-circle {
	background-color:rgba(0, 0, 0, .5)
}
.cbh-phone.red .cbh-ph-img-circle {
	background-color:rgba(255, 0, 0, 1)
}
.cbh-phone.red.hover .cbh-ph-img-circle {
	background-color:rgba(255, 0, 0, .5)
}
.cbh-phone.orange .cbh-ph-img-circle {
	background-color:rgba(255, 185, 0, 1)
}
.cbh-phone.orange.hover .cbh-ph-img-circle {
	background-color:rgba(255, 185, 0, .5)
}
.cbh-phone.yellow .cbh-ph-img-circle {
	background-color:rgba(255, 255, 0, 1)
}
.cbh-phone.yellow.hover .cbh-ph-img-circle {
	background-color:rgba(255, 255, 0, .5)
}
.cbh-phone.blue-dark .cbh-ph-img-circle {
	background-color:rgba(0, 0, 255, 1)
}
.cbh-phone.blue-dark.hover .cbh-ph-img-circle {
	background-color:rgba(0, 0, 255, .5)
}
.cbh-phone.gray .cbh-ph-img-circle {
	background-color:rgba(140, 140, 140, 1)
}
.cbh-phone.gray.hover .cbh-ph-img-circle {
	background-color:rgba(140, 140, 140, .5)
}
@-moz-keyframes cbh-circle-anim {
	0% {
	-moz-transform:rotate(0deg) scale(0.5) skew(1deg);
	opacity:.1;
	-moz-opacity:.1;
	-webkit-opacity:.1;
	-o-opacity:.1
	}
	30% {
	-moz-transform:rotate(0deg) scale(.7) skew(1deg);
	opacity:.5;
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5
	}
	100% {
	-moz-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.6;
	-moz-opacity:.6;
	-webkit-opacity:.6;
	-o-opacity:.1
	}
}
@-webkit-keyframes cbh-circle-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);
	-webkit-opacity:.1
	}
	30% {
	-webkit-transform:rotate(0deg) scale(.7) skew(1deg);
	-webkit-opacity:.5
	}
	100% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg);
	-webkit-opacity:.1
	}
	}
	@-o-keyframes cbh-circle-anim {
	0% {
	-o-transform:rotate(0deg) kscale(0.5) skew(1deg);
	-o-opacity:.1
	}
	30% {
	-o-transform:rotate(0deg) scale(.7) skew(1deg);
	-o-opacity:.5
	}
	100% {
	-o-transform:rotate(0deg) scale(1) skew(1deg);
	-o-opacity:.1
	}
}
@keyframes cbh-circle-anim {
	0% {
	transform:rotate(0deg) scale(0.5) skew(1deg);
	opacity:.1
	}
	30% {
	transform:rotate(0deg) scale(.7) skew(1deg);
	opacity:.5
	}
	100% {
	transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.1
	}
	}
	@-moz-keyframes cbh-circle-fill-anim {
	0% {
	-moz-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	50% {
	-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);
	opacity:.2
	}
	100% {
	-moz-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	}
	@-webkit-keyframes cbh-circle-fill-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	50% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
	}
	100% {
	-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
}
@-o-keyframes cbh-circle-fill-anim {
	0% {
	-o-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	50% {
	-o-transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
	}
	100% {
	-o-transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	}
	@keyframes cbh-circle-fill-anim {
	0% {
	transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	50% {
	transform:rotate(0deg) scale(1) skew(1deg);
	opacity:.2
	}
	100% {
	transform:rotate(0deg) scale(0.7) skew(1deg);
	opacity:.2
	}
	}
	@keyframes cbh-circle-img-anim {
	0% {
	transform:rotate(0deg) scale(1) skew(1deg)
	}
	5% {
	transform:rotate(-25deg) scale(1) skew(1deg)
	}
	10% {
	transform:rotate(25deg) scale(1) skew(1deg)
	}
	/*
	30% {
	transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
	transform:rotate(25deg) scale(1) skew(1deg)
	}
	*/
	100%, 20% {
	transform:rotate(0deg) scale(1) skew(1deg)
	}
	}
	@-moz-keyframes cbh-circle-img-anim {
	0% {
	transform:rotate(0deg) scale(1) skew(1deg)
	}
	5% {
	-moz-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	10% {
	-moz-transform:rotate(25deg) scale(1) skew(1deg)
	}/*
	30% {
	-moz-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
	-moz-transform:rotate(25deg) scale(1) skew(1deg)
	}*/
	100%, 20% {
	-moz-transform:rotate(0deg) scale(1) skew(1deg)
	}
	}
	@-webkit-keyframes cbh-circle-img-anim {
	0% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg)
	}
	5% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	10% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg)
	}/*
	30% {
	-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
	-webkit-transform:rotate(25deg) scale(1) skew(1deg)
	}*/
	100%, 20% {
	-webkit-transform:rotate(0deg) scale(1) skew(1deg)
	}
	}
	@-o-keyframes cbh-circle-img-anim {
	0% {
	-o-transform:rotate(0deg) scale(1) skew(1deg)
	}
	5% {
	-o-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	10% {
	-o-transform:rotate(25deg) scale(1) skew(1deg)
	}/*
	30% {
	-o-transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
	-o-transform:rotate(25deg) scale(1) skew(1deg)
	}*/
	100%, 20% {
	-o-transform:rotate(0deg) scale(1) skew(1deg)
	}
}