.revslider-initialised {
	.btn {
		line-height: 54px;
	}
	.custom.tparrows {
		background-color: #e8e8e8 !important;
		width: 38px !important;
		height: 38px !important;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		&:before {
			color: #2e2d2d !important;
			font-family: "Caseicon" !important;
			font-size: 12px !important;
			position: absolute;
			top: 50%;
			left: 50%;
			@include transform(translate(-50%,-50%));
		}
		&.tp-leftarrow:before {
			content: "\f103" !important;
		}
		&.tp-rightarrow:before {
			content: "\f104" !important;
		}
		&:hover {
			background-color: $primary_color !important;
			&:before {
				color: #fff !important;
			}
		}
	}
}
.title-slide-custom {
	span {
		color: #ef0031;
	}
}
.title-slide-custom2 {
	span {
		color: #00d7a8;
	}	
}
.tparrows {
    &.arrorws-custom {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-color: transparent;
        border: 1px solid rgba(#fff, 0.5);
        @include border-radius( 50% );
        @include transition(all 300ms linear 0ms);
        &:before {
            color: rgba(#fff, 0.5);
            line-height: 48px;
            font-size: 18px;
            font-weight: bold;
        }
        &:hover {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
            &:before {
                color: #fff;
            }
        }
    }
    &.arrorws-custom2 {
        width: 45px;
        height: 45px;
        line-height: 45px;
        background-color: transparent;
        @include border-radius( 50% );
        border: 1px solid rgba(#fff, 0.25 );
        @include transition(all 300ms linear 0ms);
        &:before {
            color: rgba(#fff, 0.25);
            line-height: 43px;
            font-size: 14px;
            font-weight: bold;
        }
        &:hover {
            color: #fff;
            background-color: transparent;
            border-color: #fff;
            &:before {
                color: #fff;
            }
        }
    }
    &.arrows-custom3 {
        width: 52px;
        height: 52px;
        line-height: 52px;
        background-color: #fff;
        @include border-radius( 50% );
        overflow: hidden;
        @include transition(all 300ms linear 0ms);
        &:before {
        	@include transition(all 300ms linear 0ms);
        	line-height: 52px;
			color: $secondary_color;
			font-size: 18px!important;
			font-weight: bold;
			font-family: "Caseicon" !important;
        }
        &:hover {
          background-color: $primary_color;
          &:before {
              color: #fff;
          }
        }  
        &.tp-leftarrow {
          &:before {
			content: "\f121" !important;
			@include transform( rotate(-180deg) );
          }
          &:hover {
          	&:before {

          	}
          }
        }
        &.tp-rightarrow {
          &:before {
            content: "\f121" !important;
          }
          &:hover {
          	&:before {
          		
          	}
          }
        }
    }
    &.arrows-custom4 {
        width: 72px;
        height: 72px;
        line-height: 68px;
        background-color: rgba(#000005, 0.5);
        @include border-radius( 50% );
        overflow: hidden;
        border: 3px solid #8b8388;
        @include transition(all 300ms linear 0ms);
        &:before {
        	@include transition(all 300ms linear 0ms);
        	line-height: 68px;
			color: #fff;
			font-size: 18px!important;
			font-weight: bold;
			font-family: "Caseicon" !important;
        }
        &:hover {
          border-color: #00d7a8;
          background-color: transparent;
          &:before {
              color: #fff;
          }
        }  
        &.tp-leftarrow {
          &:before {
			content: "\f121" !important;
			@include transform( rotate(-180deg) );
          }
        }
        &.tp-rightarrow {
          &:before {
            content: "\f121" !important;
          }
        }
    }
    &.arrows-custom5 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: #fff;
        @include border-radius( 0 );
        overflow: hidden;
        @include transition(all 300ms linear 0ms);
        &:before {
        	@include transition(all 300ms linear 0ms);
        	line-height: 60px;
			color: $secondary_color;
			font-size: 18px!important;
			font-weight: bold;
			font-family: "Caseicon" !important;
        }
        &:hover {
          background-color: $primary_color;
          &:before {
              color: #fff;
          }
        }  
        &.tp-leftarrow {
          &:before {
			content: "\f121" !important;
			@include transform( rotate(-180deg) );
          }
          &:hover {
          	&:before {

          	}
          }
        }
        &.tp-rightarrow {
          &:before {
            content: "\f121" !important;
          }
          &:hover {
          	&:before {
          		
          	}
          }
        }
    }
    &.arrows-custom5_2 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: #fff;
        @include border-radius( 0 );
        overflow: hidden;
        @include transition(all 300ms linear 0ms);
        &:before {
        	@include transition(all 300ms linear 0ms);
        	line-height: 60px;
			color: #fff;
			font-size: 18px!important;
			font-weight: bold;
			font-family: "Caseicon" !important;
        }  
        &.tp-leftarrow {
          background-color: #18cefa;
          width: 40px;
          height: 40px;
          line-height: 40px;
          &:before {
          	line-height: 40px;
			content: "\f121" !important;
			@include transform( rotate(-180deg) );
          }
          &:hover {
          	&:before {

          	}
          }
        }
        &.tp-rightarrow {
        	background-color: #faa80a;
          &:before {
            content: "\f121" !important;
          }
          &:hover {
          	&:before {
          		
          	}
          }
        }
        &:hover {
          background-color: #fff;
          &:before {
              color: #000;
          }
        }
    }
    &.tp-leftarrow {

    }
    &.tp-rightarrow {

    }
}
.tp-thumb-mask {
	overflow: visible!important;
	.tp-thumb {
		@include transition(all 300ms linear 100ms);
		border: 2px solid #fff;
		@include border-radius(70px);
		overflow: hidden;
		.tp-thumb-title {
			opacity: 0!important;
		}
		&.selected {
			border-color: #f30030;
		}
		@media #{ $min-xxl } {
			&:nth-child(2) {
				@include transform(translateY(-30px));
			}
			&:nth-child(3) {
				@include transform(translateY(-60px));
			}
			&:nth-child(4) {
				@include transform(translateY(-90px));
			}
		}
	}
}
.el-empty:empty {
	display: none;
}
.ct-gallery-grid1 {
    img {
        width: 100%;
    }
    .item--inner {
        position: relative;
        overflow: hidden;
        background-color: $primary_color;
        img {
			@include transition(all 300ms linear 100ms);
        }
        a {
            position: absolute;
            z-index: 99;
            width: 38px;
            height: 38px;
            line-height: 38px;
            color: #fff;
            text-align: center;
            font-size: 16px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            opacity: 0;
            @include transform(translateY(-40px));
            i {
            	display: inline-block;
            	border: 1px solid #fff;
            	height: 20px;
            	line-height: 16px;
            	width: 20px;
            	text-align: center;
            	@include border-radius(20px);
                font-weight: 400;
                font-style: normal;
                &:hover {
                	background-color: #fff;
                	color: red;
                }
            }
        }
        &:hover {
        	img {
        		mix-blend-mode: multiply;
        	}
            a {
                @include transform(translateY(0));
                opacity: 1;
            }
        }
    }
    .grid-item {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .ct-grid-inner {
    	margin-left: 10px;
    	margin-right: 10px;
    }
}
.ct-icon1 {
	&.style1 {
		a {
			font-size: 14px;
			+ a {
				margin-left: 10px;
			}
		}
	}
	&.style2 {
		a {
			width: 37px;
			height: 41px;
			border: 1px solid $primary_color;
			background-color: #fff;
			color: #747474;
			font-size: 16px;
			line-height: 39px;
			text-align: center;
			display: inline-block;
			&:hover {
				color: $primary_color;
			}
			+ a {
				margin-left: -5px;
			}
		}
	}
	&.style3 {
		a {
			width: 45px;
			height: 45px;
			background-color: #0c1563;
			color: #747474;
			font-size: 16px;
			line-height: 45px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			@include border-radius(5px);
			margin-bottom: 15px;
			&:hover {
				color: #fff;
				background-color: #00d09b;
			}
			+ a {
				margin-left: 18px;
			}
		}
	}
	&.style4 {
		a {
			width: 38px;
			height: 38px;
			background-color: #f6f6f6;
			color: #747474;
			font-size: 16px;
			line-height: 38px;
			font-weight: bold;
			text-align: center;
			display: inline-block;
			@include border-radius(38px);
			margin-bottom: 15px;
			&:hover {
			    i {
			    	background-image: linear-gradient(-45deg, #f74f59 0%, #f74f59 37%, #f74f59 40%, #328eff 69%, #328eff 100%);
				    //@include background-gradient-rotate(-190deg, rgba(#328eff, 0.95), rgba(#f74f59, 0.95));
				    background-color: transparent;
				    background-clip: text;
				    -o-background-clip: text;
				    -ms-background-clip: text;
				    -moz-background-clip: text;
				    -webkit-background-clip: text;
				    text-fill-color: transparent;
				    -o-text-fill-color: transparent;
				    -ms-text-fill-color: transparent;
				    -moz-text-fill-color: transparent;
				    -webkit-text-fill-color: transparent;
			    }
			}
			+ a {
				margin-left: 18px;
			}
		}
	}
}

.social-header-custom {
	.ct-icon1 {
		padding-left: 30px;
		position: relative;
		&:before {
			content: "";
			height: 55px;
			width: 1px;
			background-color: #e8e8e8;
			position: absolute;
			left: 0;
			top: 50%;
			@include transform(translateY(-50%));
		}
	}
}
.ct-phone {
	display: flex;
	align-items: center;
	.item--icon {
		i {
			font-size: 35px;
			display: flex;
			align-content: center;
			align-items: center;
		}
		img {
			width: auto;
			max-height: 35px;
			@media #{ $min-xxl2 } {
				max-height: 45px;
			}
		}
	}
	.item--label {
		font-size: 13px;
		margin-bottom: 5px;
		@media #{ $min-xxl2 } {
			font-size: 15px;
		}
	}
	.item--phone {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 0;
		@media #{ $min-xxl2 } {
			font-size: 26px;	
		}
		a {
			color: inherit;
		}
	}
	.item--meta {
		padding-left: 12px;
	}
	.ct-search-popup {
		height: 50px;
		width: 50px;
		min-width: 50px;
		line-height: 50px;
		@include border-radius(50px);
		background-color: #faa80a;
		color: #000;
		display: flex;
		align-items: center;
		justify-content: center;
		i {
			@include transition(all 300ms linear 100ms);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		+ .inner-box {
			margin-left: 20px;
			@media #{ $min-xxl2 } {
				margin-left: 80px;
			}
		}
	}
	.inner-box {
		display: flex;
		align-items: center;
		padding: 10px 20px;
		height: 85px;
		@media #{ $min-xxl2 } {
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 65px;
			padding-right: 65px;
		}
	}
}
.ct-image-single {
	position: relative;
	@include border-radius(inherit !important);
	overflow: hidden;
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: #000;
		opacity: 0;
		z-index: 88;
	}
	a {
		display: block;
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 99;
		}
	}
	img {
		@include border-radius(inherit !important);
		width: auto;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
	}
	.img-hover {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99;
		opacity: 0;
	}
	.ct-image-single--inner {
		display: inline-block;
		position: relative;
	}
}
.image-wfull-width {
	.ct-image-single {
		.ct-image-single--inner {
			width: 100%;
		}
		img {
			width: 100%;
		}
	}
}

.ct-text-editor {
    .first-letter {
        display: inline-block;
        float: left;
        margin: 5px 16px 0 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        @include box-shadow(0 10px 30px rgba($primary_color, 0.45));
        color: #fff;
        background-color: $primary_color;
        @include border-radius(5px);
        font-size: 30px;
        font-weight: 600;
        @include font-family-heading($heading_default_font);
    }
    .ct-text-editor-inner {
    	display: inline-block;
    }
}

.margin-left-custom {
	margin-left: 15px;
	.ct-text-editor {
		@media #{ $min-xxl } {
			margin-left: 40px;	
		}
	}
}

.ct-list {
	.ct-list-icon i {
		display: inline-flex;
	}
	.ct-list-item {
		display: flex;
		flex-wrap: nowrap;
		font-size: 17px;
		color: #666666;
		line-height: 1.76;
		i {
			font-size: 15px;
			margin-right: 10px;
			@extend .text-gradient;
		}
		+ .ct-list-item  {
			margin-top: 24px;
		}
	}
	&.inline {
		.ct-list-item {
			display: inline-block;
			padding-right: 18px;
			margin-right: 20px;
			position: relative;
			a {
				color: inherit;
			}
			&:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 0;
				@include transform(translate(0, -50%));
				display: inline-block;
				width: 1px;
				height: 25px;
				background-color: #02ab8a;
			}
			&:last-child {
				padding-right: 0;
				margin-right: 0;
				&:after {
					display: none;
				}
			}
			+ .ct-list-item {
				margin-top: 0;
			}
		}
	}
}

.ct-list-custom {
	.ct-list.inline .ct-list-item::after {
		height: 12px;
		background-color: #8799a3;
	}
}
.ct-cart-popup {
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	color: $primary_color;
	font-size: 14px;
	text-align: center;
	i {
		line-height: 1;
		@include transition(all 300ms linear 100ms);
	}
	&.style2 {
		height: 40px;
		width: 40px;
		line-height: 42px;
		@include border-radius(40px);
		background-color: #f3f3f3;
		color: $third_color;
	}
	&.style3 {
		i {
			color: $secondary_color;
			line-height: 1;
			font-size: 20px;
		}
	}
}
.ct-button-video1 {
	a {
		font-size: 16px;
		padding-left: 28px;
		padding-right: 68px;
		line-height: 72px;
		overflow: visible !important;
	}
	span {
		position: absolute;
		top: 50%;
		@include transform(translate(0, -50%));
		right: -31px;
		width: 77px;
		height: 77px;
		background-color: #fff;
		@include border-radius(77px);
		line-height: 77px;
		text-align: center;
		font-size: 18px;
		color: #020033;
	}
}
.ct-mailchimp1 {
	.mc4wp-form {
        .mc4wp-response {
            font-size: 14px;
            margin-top: 15px;
            color: #999;
            p {
                margin-bottom: 0;
            }
        }
    }
	&.style1 {
		position: relative;
		.ct-field-group {
			position: relative;
			overflow: hidden;
			&:before, &:after {
				content: '';
				height: 46px;
				width: 62px;
				font-size: 15px;
				position: absolute;
				bottom: 0;
				right: 0;
				color: #fff;
				text-align: center;
				line-height: 46px;
			}
			&:before {
				background-color: $primary_color;
			}
			&:after {
				content: '\f1d8';
				font-weight: 400;
				font-family: "Font Awesome 5 Free";
			}
			&:hover:after {
				animation: toTopFromBottom 0.3s forwards;
			}
		}
		[type="email"] {
			font-size: 14px;
			color: #fff;
			padding-left: 24px;
			height: 46px;
			border: none;
			background-color: #2f2f2f;
		}
		[type="submit"] {
			@include border-radius(0px);
			font-size: 0px;
			padding: 0;
			position: absolute;
			top: 0;
			right: 0px;
			width: 62px;
			height: 46px;
			background: none;
			z-index: 99;
		}
	}
	&.style2 {
		.ct-field-group {
			position: relative;
			overflow: hidden;
			&:before, &:after {
				content: '';
				height: 36px;
				width: 36px;
				font-size: 15px;
				position: absolute;
				top: 7px;
				right: 7px;
				color: #fff;
				text-align: center;
				line-height: 36px;
				@include border-radius(5px);
			}
			&:before {
				background-color: #0a69f9;
			}
			&:after {
				content: '\f106';
				font-weight: 400;
				font-family: "Flaticon";
			}
			&:hover:after {
				animation: toTopFromBottom 0.3s forwards;
			}
		}
		[type="email"] {
			font-size: 14px;
			color: #fff;
			padding-left: 24px;
			padding-right: 45px;
			height: 50px;
			border: 1px soilid #fff;
			border-radius: 5px;
			background-color: transparent;
		}
		[type="submit"] {
			@include border-radius(0px);
			font-size: 0px;
			padding: 0;
			position: absolute;
			top: 0;
			right: 0px;
			width: 50px;
			height: 50px;
			background: none;
			z-index: 99;
		}
	}
	&.style3 {
		.ct-field-group {
			position: relative;
			overflow: hidden;
			&:before, &:after {
				content: '';
				height: 100%;
				width: 58px;
				font-size: 25px;
				position: absolute;
				top: 0;
				right: 0;
				color: #fff;
				text-align: center;
				line-height: 55px;
				@include border-radius(0px 5px 5px 0);
			}
			&:before {
				background-color: #f30030;
			}
			&:after {
				content: '\f13f';
				font-weight: 400;
				font-family: "Flaticon";
			}
			&:hover:after {
				animation: toTopFromBottom 0.3s forwards;
			}
		}
		[type="email"] {
			font-size: 14px;
			color: #fff;
			padding-left: 24px;
			padding-right: 45px;
			height: 55px;
			border: 1px soilid #fff;
			@include border-radius(5px);
			background-color: transparent;
			&:focus {
				border-color: #f30030;
			}
		}
		[type="submit"] {
			@include border-radius(0px);
			font-size: 0px;
			padding: 0;
			position: absolute;
			top: 0;
			right: 0px;
			width: 58px;
			height: 55px;
			background: none;
			z-index: 99;
		}
	}
} 
.ct-gallery-carousel1 {
	.ct-carousel-inner {
		margin-left: 0;
		margin-right: 0;
		@include border-radius(6px);
		overflow: hidden;
	}
	.ct-slick-carousel {
		
	}
	.slick-slide {
		padding-left: 0!important;
		padding-right: 0!important;
		img {
			width: 100%;
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		    padding-bottom: 0;
	}
	.append-arrows-custom {
    	display: inline-block;
        margin-bottom: 0;
        text-align: center;
        position: absolute;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    z-index: 2;
        top: 50%;
        width: 100%;
        left: 50%;
        padding-left: 15px;
        padding-right: 15px;
        @include transform(translate(-50%, -50%));
        .slick-arrow {
        	@include border-radius(3px);
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-size: 0;
            display: inline-block;
            background-color: #000;
            color: #fff;
            @include transition(all 300ms linear 100ms);
            cursor: pointer;
            &:hover {
            	background-color: $primary_color;
            }
            &:before {
                @include transition(all 300ms linear 100ms);
                width: 100%;
                height: 100%;
                line-height: 35px;
                text-align: center;
                font-family: "Caseicon";
                color: inherit;
                font-size: 15px;
                font-weight: 400;
            }
            &.slick-prev {
            	text-align: center;
            	@include transform(rotate(-180deg));
                &:before {
                    content: "\f121";
                }
            }
            &.slick-next {
                &:before {
                    content: "\f121";
                }
            }
        }
    }
}
.ct-gallery-carousel2 {
	position: relative;
	z-index: 1;
	.img-circle {
		position: absolute;
		bottom: 25px;
		right: -25px;
		z-index: -1;
		img {
			animation: ct_nudge 7s linear infinite alternate;
		}
	}
	.slick-slide {
		overflow: hidden;
		@include border-radius(6px);
		img {
			width: 100%;
		}
	}
	.ct-carousel-inner {
		margin-left: 0;
		margin-right: 0;
		@include border-radius(6px);
		overflow: hidden;
		position: relative;
	}
	.ct-slick-carousel {
		
	}
	.slick-slide {
		padding-left: 0!important;
		padding-right: 0!important;
		img {
			width: 100%;
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		    padding-bottom: 0;
	}
	.append-arrows-custom {
    	display: inline-block;
        margin-bottom: 0;
        text-align: center;
        position: absolute;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    z-index: 2;
        top: 50%;
        width: 100%;
        left: 50%;
        padding-left: 15px;
        padding-right: 15px;
        @include transform(translate(-50%, -50%));
        .slick-arrow {
        	@include border-radius(3px);
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-size: 0;
            display: inline-block;
            background-color: #000;
            color: #fff;
            @include transition(all 300ms linear 100ms);
            cursor: pointer;
            &:hover {
            	background-color: $primary_color;
            }
            &:before {
                @include transition(all 300ms linear 100ms);
                width: 100%;
                height: 100%;
                line-height: 35px;
                text-align: center;
                font-family: "Caseicon";
                color: inherit;
                font-size: 12px;
                font-weight: bold;
            }
            &.slick-prev {
            	text-align: center;
                &:before {
                    content: "\f120";
                }
                &:hover {
                	&:before {
						@include animation(toRightFromLeft 0.3s linear 1);
                	}
                }
            }
            &.slick-next {
                &:before {
                    content: "\f123";
                }
                &:hover {
                	&:before {
                		@include animation(toRightFromLeft 0.3s linear 1);
                	}
                }
            }
        }
    }
    .slick-dots {
    	height: 12px;
    	li {
    		line-height: 12px;
    	}
    }
}
.ct-video-button {
	width: 120px;
	height: 120px;
	background-color: #fff;
	line-height: 120px;
	text-align: center;
	@include border-radius(120px);
	color: $primary_color;
	font-size: 22px;
	display: inline-block;
	position: relative;
	z-index: 1;
	.line-video-animation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid rgba(#fff, 0.5);
        @include border-radius(100%);
        animation: squares 3.9s linear 0s infinite;
        -webkit-animation: squares 3.9s linear 0s infinite;
        -ms-animation: squares 3.9s linear 0s infinite;
        -o-animation: squares 3.9s linear 0s infinite;
        -webkit-animation-play-state: running;
        -moz-animation-play-state: running;
        -o-animation-play-state: running;
        animation-play-state: running;
        opacity: 0;
        &.line-video-2 {
            -webkit-animation-delay: 1.3s;
            -moz-animation-delay: 1.3s;
            -o-animation-delay: 1.3s;
            animation-delay: 1.3s;
        }
        &.line-video-3 {
            -webkit-animation-delay: 2.6s;
            -moz-animation-delay: 2.6s;
            -o-animation-delay: 2.6s;
            animation-delay: 2.6s;
        }
    }
    &:hover {
        .line-video-animation {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
        }
    }
	&.style1 {
		@media #{$max-md} {
			width: 80px;
			height: 80px;
			line-height: 80px;
			font-size: 18px;
		}
		@media #{$max-sm} {
			width: 60px;
			height: 60px;
			line-height: 60px;
			font-size: 14px;
		}
		&:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(#fff, 1);
            border-radius: 50%;
            animation: pulse-border2 1500ms ease-out infinite;
            -webkit-animation: pulse-border2 1500ms ease-out infinite;
            z-index: -2;
        }
	}
	&.style2 {
		width: 43px;
		height: 43px;
		line-height: 43px;
		@include border-radius(43px);
		font-size: 14px;
		background-color: $primary_color;
		color: #fff;
		.line-video-animation {
	        border: 20px solid rgba($primary_color, 0.3);
	        z-index: -1;
	    }
		&:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba($primary_color, 1);
            border-radius: 50%;
            animation: pulse-border2 1500ms ease-out infinite;
            -webkit-animation: pulse-border2 1500ms ease-out infinite;
            z-index: -2;
        }
	}
	&.style3 {
		width: 96px;
		height: 96px;
		line-height: 96px;
		border-radius: 0;
		background-color: $primary_color;
		color: #fff;
		@media #{$max-md} {
			width: 80px;
			height: 80px;
			line-height: 80px;
			font-size: 18px;
		}
		@media #{$max-sm} {
			width: 60px;
			height: 60px;
			line-height: 60px;
			font-size: 14px;
		}
		&:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba($primary_color, 1);
            border-radius: 0%;
            animation: pulse-border2 1500ms ease-out infinite;
            -webkit-animation: pulse-border2 1500ms ease-out infinite;
            z-index: -2;
        }
	}
}

.ct-video-player {
	position: relative;
	@include border-radius(inherit !important);
	img {
		width: 100%;
		@include border-radius(inherit !important);
	}
	.ct-video-holder + .ct-video-button {
		@extend .ct-center;
	}
	.ct-video-box, .ct-video-holder {
		@include border-radius(inherit !important);
	}
}
.ct-contact-form .ct-contact-meta {
	margin-bottom: 30px;
}

.ct-contact-form-layout1 {
	&.style1 {
		.wpcf7-form-control {
            &:not(.wpcf7-submit) {
            	background-color: #fbfbfb;
                border-color: #f8f8f8;
                color: #656565;
                font-size: 14px;
                padding-left: 18px;
                border-radius: 5px;
                &:focus {
                	border-color: $primary_color;
                	color: #000;
                }
            }
        }
        .wpcf7-form .wpcf7-form-control-wrap {
        	margin-bottom: 20px;
        	&.your-message {
        		margin-bottom: 50px;
        	}
        }
        .wpcf7-form-control {
        	&.wpcf7-submit {
        		background-color: $primary_color;
        		&:hover {
					background-color: $secondary_color;
        		}
        	}
        }
        .input-filled-btn {
        	.wpcf7-spinner {
        		margin: 10px auto 0;
        		display: block;
        	}
        }
        .nice-select span.current {
        	line-height: 35px;
        }
	}
	&.style2 {
		.wpcf7-form-control {
            &:not(.wpcf7-submit) {
                border-color: #e7e7e7;
                background-color: #fafafa;
                @include border-radius(5px);
                color: #888888;
                font-size: 18px;
                padding-left: 18px;
                height: 55px;
                font-weight: 600;
                @include font-family-heading($heading_default_font);
                &:focus {
                	border-color: $primary_color;
                	color: #000;
                }
            }
            &.wpcf7-textarea {
            	height: 220px;
            }
        }
        .wpcf7-form .wpcf7-form-control-wrap {
        	margin-bottom: 20px;
        }
        .wpcf7-submit {
        	line-height: 55px;
        	padding: 0 26px;
        }
	}
	&.style3 {
		background-color: $secondary_color;
		@include border-radius(7px);
    	padding: 37px 20px 40px;
        @media #{ $max-lg } {
            padding: 25px 15px;
        }
	    .ct-meta--title {
	        font-size: 24px;
	        margin-bottom: 18px;
	        font-weight: 800;
	        color: #fff;
	    }
	    .ct-meta--desc {
	    	font-weight: 400;
	    	color: #fff;
	    }
		.wpcf7-form-control {
            &:not(.wpcf7-submit) {
                border-color: rgba(#e7e7e7, 0.1);
                background-color: transparent;
                @include border-radius(2px);
                color: #fff;
                font-size: 16px;
                padding-left: 18px;
                height: 55px;
                font-weight: 600;
                @include font-family-heading($heading_default_font);
                &:focus {
                	border-color: $primary_color;
                }
            }
            &.wpcf7-textarea {
            	height: 130px;
            }
        }
        .wpcf7-form .wpcf7-form-control-wrap {
        	margin-bottom: 20px;
        }
        .wpcf7-submit {
        	line-height: 55px;
        	padding: 0 32px;
        }
	}
	&.style4 {
		.inner-layout {
			padding: 55px 55px 0;
			@media #{ $max-xl } {
				padding: 35px 15px;
			}
		}
		.ct-contact-meta {
			margin-bottom: 18px;
		}
		.ct-meta--title {
			margin-bottom: 0;
		}
		.input-filled {
			.wpcf7-form-control {
				border-radius: 2px;
				font-size: 16px;
				color: #8799a3;
			}
			&.input-filled-btn {
				margin-left: -55px;
				margin-right: -55px;
				@media #{ $max-xl } {
					margin-left: 0px;
					margin-right: 0px;
				}
	        	.wpcf7-spinner {
	        		display: none;
	        	}
				.wpcf7-form-control {
					&.wpcf7-submit {
						border-radius: 0;
						font-size: 18px;
						color: #fff;
						padding-top: 5px;
						letter-spacing: 0.1em;
						@media #{ $min-xl } {
							width: 100%;
						}
						&:hover {
							background-color: #000;
							color: #fff;
						}
					}
				}
			}
		}
		form.wpcf7-form {
			position: relative;
			.wpcf7-response-output {
				position: absolute;
				bottom: -80px;
				width: 100%;
			}
		}
		.wpcf7-form-control-wrap {
			margin-bottom: 10px;
			&.your-message {
				margin-bottom: 55px;
			}
		}
	}
}
.ct-team-info {
	.wp-feature {
		border-radius: 5px;
		overflow: hidden;
		margin-bottom: 38px;
		img {
			width: 100%;
		}
	}
	.wp-title {
		margin-bottom: 25px;
		.item--title {
			font-size: 30px;
			margin-bottom: 10px;
		}
		.item--sub-title {
			font-size: 16px;
		}
	}
	.ct-list-info {
		list-style: none;
		li {
			font-weight: 600;
			color: $secondary_color;
			+ li {
				margin-top: 15px;
			}
			.ct-contact-icon {
				@include border-radius(3px);
				display: inline-block;
				margin-right: 20px;
				width: 40px;
				height: 40px;
				min-width: 40px;
				line-height: 40px;
				text-align: center;
				color: $primary_color;
				background-color: #f3f3f3;
				i {
					@include transition(all 300ms linear 100ms);
				}
			}
			a {
				color: $secondary_color;
			}
			&:hover {
				color: $primary_color;
				i {
					@include animation(ct-cubeGridScaleDelay 0.9s linear 1);
				}
			}
		}
	}
	.ct-social {
		a {
			border-radius: 0;
			height: 40px;
			width: 40px;
			line-height: 40px;
			margin-right: 5px;
			&:nth-child(2) {
				background-color: #3b5999;
			}
			&:nth-child(3) {
				background-color: #55acee;
			}
			&:nth-child(4) {
				background-color: #cd201f;
			}
			&:nth-child(5) {
				background-color: $secondary_color;
			}
	        &:hover {
	            @include transform(translateY(0px));
	            background-color: $secondary_color;
	            color: #fff;
	        }
		}
		.item--button {
			margin-right: 5px;
			span {
				overflow: hidden;
				display: inline-block;
				width: 27px;
				height: 27px;
				line-height: 27px;
				background-color: #fff;
				color: $secondary_color;
				text-align: center;
				margin-left: 16px;

			}
			i {
				position: static;
				font-weight: bold;
				@include transform(translate(0, 0));
				@include transition(all 300ms linear 0ms);
			}
			a {
				display: flex;
				align-items: center;
				margin-right: 0;
				background-color: $primary_color;
				color: #fff;
				width: auto;
				height: 40px;
				line-height: 40px;
				padding: 0 10px 0 25px;
				font-weight: bold;
				@include font-family-heading($heading_default_font);
				&:hover {
					background-color: $secondary_color;
					i {
						@include animation(toRightFromLeft 0.3s linear 1);
					}
				}
			}
		}
	}
}
.ct-service-list {
    .custom-heading {
        font-size: 24px;
        margin-bottom: 28px;
        font-weight: 800;
    }
    .post-item {
    	.entry-title {
    		font-size: 18px;
    		font-weight: 300;
    		margin-bottom: 0;
			span {
				@include transition(all 300ms linear 0ms);
				color: inherit;
				text-align: left;
				line-height: 60px;
				position: absolute;
				height: 100%;
				width: 40px;
				right: 10px;
				top: 0;
				bottom: 0;
				display: flex;
				align-items: center;
    			justify-content: center;
    			@media #{ $max-lg } {
    				width: 35px;
    			}
				i {
					@include transition(all 300ms linear 0ms);
					position: relative;
					top: 2px;
					line-height: 1;
				}
			}
    		a {
    			border: 1px solid #d2d2d2;
    			color: $third_color;
    			display: block;
    			position: relative;
    			padding: 20px 60px 20px 20px;
    			@include border-radius(4px);
    			font-weight: 800;
    			@media #{ $max-lg } {
    				padding: 18px 40px 18px 15px;
    			}
    			&:hover {
    				border-color: $primary_color;
    				background-color: $primary_color;
    				color: #fff;
    				span {
    					right: 0;
    					i {
    						@include animation(toRightFromLeft 0.3s linear 1);
    					}
    				}
    			}
    		}
    	}
    	+ .post-item {
    		margin-top: 15px;
    	}
    }
    &.box-sidebar {
    	padding: 37px 20px 40px;
    	@include border-radius(7px);
    	background-color: #efefef;
        @media #{ $max-lg } {
            padding: 25px 15px;
        }
    }
}
.ct-download {
    .entry-title {
        font-size: 24px;
        margin-bottom: 28px;
        font-weight: 800;
    }
    &.layout1 {
        .item--download {
            a {
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
                color: #fff;
                background-color: #000;
                display: block;
                padding: 28px 40px 18px 40px;
                position: relative;
                @media #{$max-md} {
                    padding-left: 20px;
                    padding-right: 50px;
                }
                &:before {
                    content: '';
                    width: 22px;
                    left: 40px;
                    top: 0;
                    height: 3px;
                    background-color: #0b2653;
                    @include transition(all 300ms linear 0ms);
                    position: absolute;
                }
                .download-file-type {
                    font-size: 8px;
                    position: absolute;
                    top: 0;
                    left: 35px;
                    background-color: #fff;
                    width: 22px;
                    height: 20px;
                    color: $secondary_color;
                    text-align: center;
                    line-height: 20px;
                    @include transition(all 300ms linear 0ms);
                    text-transform: uppercase;
                    @media #{$max-md} {
                        right: 20px;
                    }
                }
                &:hover {
                    background-color: $primary_color;
                    &:before {
                        background-color: $primary_color;
                    }
                    .download-file-type {
                        color: $primary_color;
                    }
                }
            }
            + .item--download {
                margin-top: 30px;
            }
        }
    }
    &.layout2 {
        .item--download {
            a {
            	overflow: hidden;
	        	padding: 18px 50px 18px 20px;
	        	background-color: #fff;
	        	border-radius: 5px;
            	font-size: 18px;
            	font-weight: 800;
            	display: block;
            	color: $secondary_color;
            	position: relative;
	        	@media #{ $max-lg } {
	        		padding: 18px 15px;
	        	}
            	i {
            		font-size: 25px;
            		position: absolute;
            		top: 50%;
            		@include transform(translateY(-50%));
            		right: 10px;
            		@include transition(all 300ms linear 0ms);
            	}
	        	&:hover {
	        		background-color: $primary_color;
	        		color: #fff;
	        		i {
	        			@include animation(toBottomFromTop 0.3s linear 1);
	        		}
	        	}        	
            }
            + .item--download {
                margin-top: 15px;
            }
        }
    }
    &.box-sidebar {
    	padding: 37px 20px 40px;
    	@include border-radius(7px);
    	background-color: #efefef;
        @media #{ $max-lg } {
            padding: 25px 15px;
        }
    }
}
.ct-process {
	.ct--number {
        min-width: 100px;
        margin-right: 20px;
        span {
			@include transition(all 300ms linear 0ms);
			font-size: 72px;
			font-weight: 800;
			@include font-family-heading($heading_default_font);
	        text-stroke-color: rgba($third_color, 0.2);
	        -webkit-text-stroke-color: rgba($third_color, 0.2);
	        text-stroke-width: 2px;
	        -webkit-text-stroke-width: 2px;
	        color: transparent;
        }
	}
	.entry--title {
		font-size: 24px;
		font-weight: 800;
		margin-bottom: 15px;
	}
	.entry--excerpt {
		font-size: 16px;
	}
	.ct-process-item {
		@media #{ $min-md } {
			display: flex;
			align-items: center;
		}
		+ .ct-process-item {
			margin-top: 16px;
		}
		&:hover {
			.ct--number {
				@include animation(ct-cubeGridScaleDelay 0.9s linear 1);
		        span {
			        text-stroke-color: $secondary_color;
			        -webkit-text-stroke-color: $secondary_color;
		        }
			}
		}
	}
}
.ct-pagination-single {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    .ct-pagination-archive {
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        @include transform(translate(-50%, -50%));
        a {
            width: 23px;
            height: 21px;
            display: inline-block;
            position: relative;
            i {
                width: 5px;
                height: 5px;
                @include border-radius(5px);
                background-color: $secondary_color;
                position: absolute;
                @include transition(.3s cubic-bezier(.24,.74,.58,1));

                &:nth-child(1) {
                    top: 0;
                    left: 0;
                }
                &:nth-child(2) {
                    top: 0;
                    left: 9px;
                }
                &:nth-child(3) {
                    top: 0;
                    right: 0;
                }
                &:nth-child(4) {
                    top: 8px;
                    left: 0;
                }
                &:nth-child(5) {
                    top: 8px;
                    left: 9px;
                }
                &:nth-child(6) {
                    top: 8px;
                    right: 0;
                }
                &:nth-child(7) {
                    bottom: 0;
                    left: 0;
                }
                &:nth-child(8) {
                    bottom: 0;
                    left: 9px;
                }
                &:nth-child(9) {
                    bottom: 0;
                    right: 0;
                }
            }
            &:hover i {
                background-color: $primary_color;
            }
        }
    }
    .ct-pagination-item {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        label {
            display: block;
            font-size: 16px;
            color: $secondary_color;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 6px;
        }
        a {
            font-size: 18px;
            font-weight: bold;
            color: $secondary_color;
            line-height: normal;
            @include font-family-heading($heading_default_font);
            &:hover {
            	color: $primary_color;
            }
        }
        .item--image {
        	@include border-radius(7px);
        	width: 110px;
        	min-width: 110px;
			overflow: hidden;
			position: relative;
			@media #{ $max-sm } {
				width: 70px;
				height: 70px;
			}
			i {
				@include transition(all 300ms linear 0ms);
				position: absolute;
				top: 50%;
				left: 50%;
				@include transform(translate(-50%, -50%));
				width: 38px;
				height: 38px;
				background-color: $secondary_color;
				color: #fff;
				text-align: center;
				border-radius: 50%;
				line-height: 38px;
				font-size: 16px;
			}
        }
        &.ct-pagination-prev {
            padding-right: 30px;
            .item--image {
            	margin-right: 20px;
				i {
					@include transform(translate(-50%, -50%) rotate(-230deg));
				}
            }
        }
        &.ct-pagination-next {
            padding-left: 30px;
            justify-content: flex-end;
            text-align: right;
            .item--image {
            	margin-left: 20px;
				i {
					@include transform(translate(-50%, -50%) rotate(-45deg));
				}
            }
        }
        &:hover {
        	.item--image {
        		i {
        			background-color: $primary_color;
        		}
        	}
        }
        .ct-pagination-item-inner {
            display: inline-flex;
            align-items: center;
        }
        @media #{$max-sm} {
            .item--meta {
                display: none;
            }
        }
    }
}
.ct-client-carousel1.style1 {
	.ct-client--image {
        text-align: center;
        padding: 0 15px;
        margin: 28px 0;
        position: relative;
        overflow: hidden;
        a {
            display: inline-block;
            vertical-align: top;
        }
        img {
            @include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
            position: relative;
            width: auto;
            &.ct-client--imghover {
                position: absolute;
                top: 50%;
                left: 50%;
                @include transform(translate(-50%, -150%));
                opacity: 0;
            }
        }
        &.img-hover-active:hover {
        	.ct-client--imgmain {
                @include transform(translateY(100%));
                opacity: 0;
            }
            .ct-client--imghover {
                @include transform(translate(-50%, -50%));
                opacity: 1;
            }
        }
    }
}

.ct-client-carousel1 .slick-track {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.ct-client-carousel1.style2 {
    .ct-client--image {
        text-align: center;
        padding: 0 15px;
        a {
            display: inline-block;
            vertical-align: top;
            @include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
        }
        img {
            @include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
            position: relative;
            &.image-two {
                position: absolute;
                top: 50%;
                left: 50%;
                @include transform(translate(-50%, -150%));
                opacity: 0;
            }
        }
        a {
            display: inline-block;
            vertical-align: top;
            @include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
            position: relative;
            overflow: hidden;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            &:hover {
                -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
                img {
                    &.image-one {
                        @include transform(translateY(100%));
                        opacity: 0;
                    }
                    &.image-two {
                        @include transform(translate(-50%, -50%));
                        opacity: 1;
                    }
                }
            }
        }
    }
}
.ct-client-carousel1.style3 {
	.ct-client--image {
	    text-align: center;
	    padding: 20px 15px;
	    margin: 20px 15px;
	    position: relative;
	    overflow: hidden;
	    @include box-shadow(0 5px 20px rgba($third_color, 0.19));
	    height: 120px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    a {
	        display: inline-block;
	        vertical-align: top;
	    }
	    img {
	        @include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
	        position: relative;
	        width: auto;
	    }
	    &.img-hover-active:hover {

	    }
	}
	.ct-clients-list-inner {
		.slick-list {
			margin-left: -30px;
			margin-right: -30px;
			padding-left: 15px;
			padding-right: 15px;
			.slick-slide {
				opacity: 0;
				&.slick-active {
					opacity: 1;
				}
			}
		}
	}
	.ct-slick-carousel.ct-slick-arrow-middle {
		.slick-arrow {
			background-color: $secondary_color;
			color: #fff;
			z-index: 1;
			&.slick-next {
				right: -18px;
			}
			&.slick-prev {
				left: -18px;
			}
		}
	}
}
.ct-socials {
	z-index: 99;
	a {
		display: inline-block;
		@include font-family-heading($heading_default_font);
		i {
			margin-right: 5px;
		}
		+ a {
			margin-left: 40px;
		}
		&:hover {
			color: #ed0031;
		}
	}
	&.style1 {
	    -webkit-transform: rotate(-90deg);
	    -khtml-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform-origin: top right;
	    -webkit-transform-origin: top right;
	    @media #{ $max-xl } {
	    	display: none!important;
	    }
	}
	&.style2 {
	    -webkit-transform: rotate(-90deg);
	    -khtml-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform-origin: top left;
	    -webkit-transform-origin: top left;
	    @media #{ $max-xl } {
	    	display: none!important;
	    }
	}
}
.ct-search-popup {
	width: 30px;
	height: 30px;
	line-height: 35px;
	cursor: pointer;
	color: $primary_color;
	font-size: 14px;
	text-align: center;
	i {
		@include transition(all 300ms linear 100ms);
		line-height: 1;
	}
	&.style2 {
		height: 40px;
		width: 40px;
		line-height: 45px;
		@include border-radius(40px);
		background-color: #f3f3f3;
		color: $third_color;
		i {
			@include transition(all 300ms linear 100ms);
		}
	}
	&.style3 {
		height: 50px;
		width: 50px;
		line-height: 50px;
		@include border-radius(50px);
		background-color: #f3f3f3;
		color: $third_color;
		display: flex;
		align-items: center;
		justify-content: center;
		i {
			@include transition(all 300ms linear 100ms);
		}
	}
}
.rev-btn {
	i {
		font-size: 18px!important;
		margin-left: 10px!important;
		@include transition(all 300ms linear 100ms);	
	}
	&:hover {

	}
}
.btn-slider-cutstom {
    display: flex!important;
    align-items: center;
	i {
		width: 30px;
		height: 30px;
		line-height: 30px!important;
		text-align: center;
		margin-left: 5px;
		@include border-radius(5px);
		background-color: rgba( #fff, 0.5 );
	}
}
.btn-slider-cutstom3 {
	i {
		top: 2px!important;
	}
}
.btn-shadow {
	@include transition(all 300ms linear 100ms);
	&:hover {
		@include box-shadow(0 10px 30px rgba( $primary_color, 0.5));
	}
}

.slider-text-holder {
    text-stroke-color: rgba($third_color, 0.2);
    -webkit-text-stroke-color: rgba($third_color, 0.2);
    text-stroke-width: 2px;
    -webkit-text-stroke-width: 2px;
    color: transparent!important;
}
.ct-particle-animate {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    @media #{$max-md} {
        display: none;
    }
    &.img-above-content {
    	z-index: 99;
    }
    img {
        width: 100% !important;
        height: auto;
    }
    div {
        position: absolute;
        &.top-left {
            top: 0;
            left: 0;
        }
        &.top-right {
            top: 0;
            right: 0;
        }
	    &.center-center {
	    	top: 50%;
	    	left: 50%;
	    	@include transform(translate(-50%, -50%));
	    	img {
	    		animation: ct_nudge 7s linear infinite alternate;
	    	}
	    }
	    &.center-right {
            top: 50%;
            right: 0;
			@include transform(translateY(-50%));
            img {

            }
	    }
    }
    .shape-animate1 {
        animation: animationFramesTwo 12s infinite linear alternate;
    }
    .shape-animate2 {
        animation: animationFramesOne 12s infinite linear alternate;
    }
    .shape-animate3 {
        animation: animationFramesFour 12s infinite linear alternate;
    }
    .shape-animate4 {
        animation: animationFramesThree 12s infinite linear alternate;
    }
    .shape-animate5 {
        animation: animationFramesFive 12s infinite linear alternate;
    }
}

.el-square-gradient .slick-dots {
	&:before {
		content: '';
		position: absolute;
		top: 100%;
		left: 100%;
		z-index: 99;
		width: 72px;
		height: 72px;
		@include background-horizontal($gradient_color_from, $gradient_color_to);
	}
}
.ct-piechart-layout1 {
    .inner-content {
		position: absolute;
		top: 50%;
		width: 80%;
		left: 50%;
		text-align: center;
		@include transform(translate(-50%, -50%));
    }
    .item--sub-title {
    	margin-bottom: 5px;
    	small {
    		font-size: 16px;
    		padding: 1px 5px;
    		line-height: 18px;
    		display: inline-block;
    		color: #f8f8f8;
    		@include border-radius(4px);
    		border: 2px solid #929092;
    		margin-right: 10px;
    	}
    }
    .item--value {
    	overflow: hidden;
		position: relative;
		display: inline-flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
    span.item-number {
    	line-height: 1;
        font-size: 50px;
        font-weight: bold;
        color: $primary_color;
		display: block;
		margin-bottom: 6px;
    }
    .item--title {
        font-size: 18px;
        font-weight: 400;
        color: #000;
        @media #{$max-lg} {
            text-align: center;
            margin-top: 12px;
        }
    }
}