/** gdd-008 cta **/

.gdd008-cta-wrap {
	position: fixed;
	bottom:6em;
	right: 8px;
	z-index: 100;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.gdd008-cta {
	position: relative;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	background-color: #FA4318;
	color: #ffffff;
	border-radius: 5px;
	padding: 15px 10px 15px 53px;
	text-decoration: none;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.37);}
.gdd008-cta:hover {
        color: #ffffff;
        background-color: #a35714;
    }

.gdd008-cta:focus {
        color: #ffffff;
    }

.gdd008-cta:before {
        content: '';
        background-color: #000000;
        background-image: url(../images/cta-computer-icon.png);
        background-size: 25px 25px;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        width: 45px;
        top: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

.gdd008-cta-wrap .gc-cta-close {
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../images/gdd005-close-ico.png);
	background-position: center center;
	top: -20px;
	right: -5px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-color: #000;
	border-radius: 50%;
	z-index: 1;
}
.gc-bounce {
	-webkit-animation: bounce 2s;
	animation: bounce 2s;
}
 @-webkit-keyframes bounce {
 20%,  53%,  80%,  0%,  100% {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 20%,  53%,  80%,  0%,  100% {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.page-id-5 .gdd008-cta-hide {
	right: -100% !important;
}
.term-82 .gdd008-cta-hide {
	right: -100% !important;
}
 @media(min-width: 550px) {
.gdd008-cta {
	font-size: 18px;
	padding: 26px 25px 26px 100px;
}
.gdd008-cta:before {
	width: 77px;
	background-size: 35px 35px;
}
.gdd008-cta-wrap .gc-cta-close {
	top: -38px;
	right: -8px;
	width: 30px;
	height: 30px;
	background-size: 20px 20px;
}
.gdd008-cta-wrap {
	bottom: 5em;
	right: 35px;
}
}
.gdd008-cta:hover {
	color: #fff !important;
	background-color: #333;
}

/** gdd-008 cta end **/