.ct-logo {
	opacity: 1;
	a {
		display: inline-block;
	}
	img {
		width: auto;
	}
	&.style2 {
		max-width: 278px;
		width: 100%;
		height: 170px;
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 220px;
			z-index: -1;
			background-color: #fff;
			@include border-radius(70% 70% 65% 70%);
		}
		&:after {
			content: '';
			position: absolute;
			bottom: -20px;
			left: -6px;
			width: calc(100% + 10px);
			width: -webkit-calc(100% + 10px);
			height: 234px;
			z-index: -2;
			@include border-radius(70% 70% 65% 70%);
			@include background-horizontal-right($gradient_color_to, $gradient_color_from);
		}
		a {
			margin-top: -15px;
		}	
		img {
			max-height: 220px;
		}
	}
	&.style3 {
		position: relative;
		padding-right: 90px;
		padding-top: 24px;
		padding-bottom: 24px;
		padding-left: 45px;
		z-index: 1;
		overflow: hidden;
		display: flex;
		align-items: center;
		@media #{$max-xxl} {
			padding-left: 30px;
			padding-right: 70px;
		}
		@media #{$max-lg2} {
			padding-left: 20px;
			padding-right: 50px;
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			@include background-horizontal-right($gradient_color_from, $gradient_color_to);
			@include transform(skewX(25deg));
			display: block;
			right: 30px;
		}
		img {
			max-height: 65px;
			@media #{$max-xl} {
				max-height: 54px;
			}
		}
	}
}