.px-0 { padding-left: 0 !important; padding-right: 0 !important;}
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.px-1 { padding-left: 10px !important; padding-right: 10px !important;}
.px-2 { padding-left: 20px !important; padding-right: 20px !important;}
.px-3 { padding-left: 30px !important; padding-right: 30px !important;}
.py-10 { padding-top: 100px !important; padding-bottom: 100px !important;}
.px-15 { padding-left: 10px !important; padding-right: 10px !important;}
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.mx-0 { margin-left: 0 !important; margin-right: 0 !important;}
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}

/* Padding top */
.pt-0 { padding-top: 0 !important;}
.pt-1 { padding-top: 10px !important;}
.pt-2 { padding-top: 20px !important;}
.pt-3 { padding-top: 30px !important;}
.pt-4 { padding-top: 40px !important;}
.pt-5 { padding-top: 50px !important;}
.pt-6 { padding-top: 60px !important;}
.pt-7 { padding-top: 70px !important;}
.pt-8 { padding-top: 80px !important;}
.pt-9 { padding-top: 90px !important;}
.pt-10 { padding-top: 100px !important;}
.pt-12 { padding-top: 120px !important;}
.pt-15 { padding-top: 150px !important;}
.pt-20 { padding-top: 200px !important;}
.pt-25 { padding-top: 250px !important;}

/* Padding right */
.pr-0 { padding-right: 0 !important;}
.pr-1 { padding-right: 10px !important;}
.pr-2 { padding-right: 20px !important;}
.pr-3 { padding-right: 30px !important;}
.pr-4 { padding-right: 40px !important;}
.pr-5 { padding-right: 50px !important;}
.pr-6 { padding-right: 60px !important;}
.pr-7 { padding-right: 70px !important;}
.pr-8 { padding-right: 80px !important;}
.pr-9 { padding-right: 90px !important;}
.pr-10 { padding-right: 100px !important;}
.pr-12 { padding-right: 120px !important;}
.pr-15 { padding-right: 150px !important;}
.pr-20 { padding-right: 200px !important;}
.pr-25 { padding-right: 250px !important;}

/* Padding bottom */
.pb-0 { padding-bottom: 0 !important;}
.pb-1 { padding-bottom: 10px !important;}
.pb-2 { padding-bottom: 20px !important;}
.pb-3 { padding-bottom: 30px !important;}
.pb-4 { padding-bottom: 40px !important;}
.pb-5 { padding-bottom: 50px !important;}
.pb-6 { padding-bottom: 60px !important;}
.pb-7 { padding-bottom: 70px !important;}
.pb-8 { padding-bottom: 80px !important;}
.pb-9 { padding-bottom: 90px !important;}
.pb-10 { padding-bottom: 100px !important;}
.pb-12 { padding-bottom: 120px !important;}
.pb-15 { padding-bottom: 150px !important;}
.pb-20 { padding-bottom: 200px !important;}
.pb-25 { padding-bottom: 250px !important;}

/* Padding left */
.pl-0 { padding-left: 0 !important;}
.pl-1 { padding-left: 10px !important;}
.pl-2 { padding-left: 20px !important;}
.pl-3 { padding-left: 30px !important;}
.pl-4 { padding-left: 40px !important;}
.pl-5 { padding-left: 50px !important;}
.pl-6 { padding-left: 60px !important;}
.pl-7 { padding-left: 70px !important;}
.pl-8 { padding-left: 80px !important;}
.pl-9 { padding-left: 90px !important;}
.pl-10 { padding-left: 100px !important;}
.pl-12 { padding-left: 120px !important;}
.pl-15 { padding-left: 150px !important;}
.pl-20 { padding-left: 200px !important;}
.pl-25 { padding-left: 250px !important;}

/* Margin top */
.mtn-35 { margin-top: -35px}
.mt-0 { margin-top: 0 !important;}
.mt-1 { margin-top: 10px !important;}
.mt-2 { margin-top: 20px !important;}
.mt-3 { margin-top: 30px !important;}
.mt-4 { margin-top: 40px !important;}
.mt-5 { margin-top: 50px !important;}
.mt-6 { margin-top: 60px !important;}
.mt-7 { margin-top: 70px !important;}
.mt-8 { margin-top: 80px !important;}
.mt-9 { margin-top: 90px !important;}
.mt-10 { margin-top: 100px !important;}
.mt-11 { margin-top: 110px !important;}
.mt-12 { margin-top: 120px !important;}
.mt-15 { margin-top: 150px !important;}

/* Margin bottom */
.mb-0 { margin-bottom: 0 !important;}
.mb-1 { margin-bottom: 10px !important;}
.mb-2 { margin-bottom: 20px !important;}
.mb-3 { margin-bottom: 30px !important;}
.mb-4 { margin-bottom: 40px !important;}
.mb-5 { margin-bottom: 50px !important;}
.mb-6 { margin-bottom: 40px !important;}
.mb-7 { margin-bottom: 70px !important;}
.mb-8 { margin-bottom: 80px !important;}
.mb-9 { margin-bottom: 90px !important;}
.mb-10 { margin-bottom: 100px !important;}
.mb-11 { margin-bottom: 110px !important;}
.mb-12 { margin-bottom: 120px !important;}
.mb-15 { margin-bottom: 150px !important;}

.mr-0 { margin-right: 0 !important;}
.mr-1 { margin-right: 10px !important;}
.mr-2 { margin-right: 20px !important;}
.mr-3 { margin-right: 30px !important;}
.mr-4 { margin-right: 40px !important;}
.mr-5 { margin-right: 50px !important;}
.mr-6 { margin-right: 60px !important;}
.mr-7 { margin-right: 70px !important;}
.mr-8 { margin-right: 80px !important;}
.mr-9 { margin-right: 90px !important;}
.mr-10 { margin-right: 100px !important;}
.mr-12 { margin-right: 120px !important;}
.mr-15 { margin-right: 150px !important;}
.mr-20 { margin-right: 200px !important;}
.mr-25 { margin-right: 250px !important;}

.ml-0 { margin-left: 0 !important;}
.ml-1 { margin-left: 10px !important;}
.ml-2 { margin-left: 20px !important;}
.ml-3 { margin-left: 30px !important;}
.ml-4 { margin-left: 40px !important;}
.ml-5 { margin-left: 50px !important;}
.ml-6 { margin-left: 60px !important;}
.ml-7 { margin-left: 70px !important;}
.ml-8 { margin-left: 80px !important;}
.ml-9 { margin-left: 90px !important;}
.ml-10 { margin-left: 100px !important;}
.ml-12 { margin-left: 120px !important;}
.ml-15 { margin-left: 150px !important;}
.ml-20 { margin-left: 200px !important;}
.ml-25 { margin-left: 250px !important;}

/* Margin Minus Top */
.mtn-1 { margin-top: -10px !important;}
.mtn-2 { margin-top: -20px !important;}
.mtn-3 { margin-top: -30px !important;}
.mtn-4 { margin-top: -40px !important;}
.mtn-5 { margin-top: -50px !important;}
.mtn-6 { margin-top: -60px !important;}
.mtn-7 { margin-top: -70px !important;}
.mtn-8 { margin-top: -80px !important;}
.mtn-9 { margin-top: -90px !important;}
.mtn-10 { margin-top: -100px !important;}
.mtn-11 { margin-top: -110px !important;}
.mtn-12 { margin-top: -120px !important;}

#success_message {
	width: 100%;
	padding: 25px;
	background: #daefde;
	color: #154b22;
	margin-bottom: 35px;
	border-radius: 6px;
}
#success_message p {
	padding: 0;
	margin: 0;
}
#error_message {
	width: 100%;
	padding: 25px;
	background: #f9dddf;
	color: #57131d;
	margin-bottom: 35px;
	border-radius: 6px;
}
#error_message p {
	padding: 0;
	margin: 0;
}
.custom-card {
	padding: 15px 10px;
}
.custom-card .image_wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 180px;
	margin-top: 20px;
	margin-bottom: 0px;
	transition: .5s;
}
.custom-card .image_wrapper:after {
	content: '';
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 180px;
	background: #f8f8f8;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	bottom: -80px;
	left: calc(50% - 90px);
	z-index: 1;
	opacity: 0;
	transition: .5s;
}
.custom-card .image_wrapper img {
	position: relative;
	width: 150px;
	max-width: 100%;
	z-index: 2;
}
.custom-card:hover .image_wrapper {
	margin-bottom: 20px;
	margin-top: 0;
}
.custom-card:hover .image_wrapper:after {
	bottom: 0;
	opacity: 1;
}
.selectBox {
	position: relative;
}
.selectBox::after {
 content: '\f107';
 font-family: "FontAwesome";
 font-weight: 900;
 color: #e6a94a;
 font-size: 18px;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50px;
 height: 100%;
 position: absolute;
 top: 0;
 right: 0;
 border-left: 1px solid #000;
 pointer-events: none;
}


@media (min-width: 992px) {
	.ltr-lg {
		flex-direction: row-reverse;
	}
}
ul.social-contact {
	list-style: none;
	margin: 0;
}
ul.social-contact li {
	padding-left: 35px;
	position: relative;
	font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
}
ul.social-contact li i {
	position: absolute;
	top: 0;
	left: 0;
}
ul.social-contact li svg {
	position: absolute;
	top: 4px;
	left: 0;
}





.ct-animation-1, .ct-animation-2, .ct-animation-3 {
	position: relative;
	overflow: hidden;
	opacity: 0;
    transform: translateY(100px);
}

.ct-animation-1 > img {
	position: relative;
	z-index: 1;
}
.ct-animation-1 .ct-element {
	position: absolute;
	width: 65%;
	left: 27%;
  	bottom: 34%;
  	opacity: 0;
  	z-index: 2;
}
.ct-animation-1 .ct-element.ct-start {
  	animation: ct-1 3s normal forwards ease-in-out;
}

.ct-animation-2 > img {
	position: relative;
	z-index: 1;
}

.ct-animation-2 .ct-element.bus {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;	
	z-index: 2;
}
.ct-animation-2 .ct-element.bus.ct-start {
  	animation: ct-2-bus 6s normal forwards;
}
.ct-animation-2 .ct-element.btn {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0px;	
	z-index: 3;
}
.ct-animation-2 .ct-element.btn.ct-start {
  	animation: ct-2-btn 6s normal forwards;
}
.ct-animation-2 .ct-element.wrap {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 4;
}
.ct-animation-2 .ct-element.wrap.ct-start {
  	animation: ct-2-wrap 6s normal forwards;
}
.ct-animation-2 .ct-element.bar {
	position: absolute;
	width: 68%;
	bottom: 6%;
	left: 50%;
	transform: translateX(-50%);	
	z-index: 5;
}
.ct-animation-2 .ct-element.bar.ct-start {
  	animation: ct-2-bar 6s normal forwards;
 }
.ct-animation-2 .ct-element.mouse {
	position: absolute;
	width: 4%;
	top: 20%;
	right: -5%;
	z-index: 10;
}
.ct-animation-2 .ct-element.mouse.ct-start {
  	animation: ct-2-mouse 6s normal forwards;
}

.ct-animation-3 > img {
	position: relative;
	z-index: 1;
}
.ct-animation-3 .ct-element.page {
	position: absolute;
	width: 82%;
	bottom: 0;
	right: 0;
	z-index: 0;
	transform: translateY(50%);
}
.ct-animation-3 .ct-element.page.ct-start {
  	animation: ct-3 5s normal forwards;
}
.ct-animation-3 .ct-element.mouse {
	position: absolute;
	width: 4%;
	top: 20%;
	right: -5%;
	z-index: 2;
}
.ct-animation-3 .ct-element.mouse.ct-start {
  	animation: ct-3-mouse 5s normal forwards;
  	/*animation: ct-3-mouse 20s infinite forwards;*/
}
.ct-fade-start {
  	animation: ct-fade-up 1s normal forwards ease-in-out;

}
@keyframes ct-1 {
    from {
    	opacity: 1;
        transform: scaleY(0);
        transform-origin: bottom;
    }
    to {
    	opacity: 1;
        transform: scaleY(1);
        transform-origin: bottom;
    }
}
@keyframes ct-2-bar {
    0% {
        opacity: 0;
        transform: translate(-50%, 40px);
    }
    50% {
        opacity: 0;
        transform: translate(-50%, 40px);
    }
    60% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@keyframes ct-2-bus {
    0% {
        opacity: 0;
        transform: translate(100px,0);
    }
    10% {
        opacity: 0;
        transform: translate(100px,0);
    }
    20% {
        opacity: 1;
        transform: translate(0, 0);
    }
    40% {
        opacity: 1;
        transform: translate(0, 0);
    }
    50% {
        opacity: 1;
        transform: translate(0, -100%);
    }
    100% {
        opacity: 1;
        transform: translate(0,-100%);
    }
}
@keyframes ct-2-btn {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    20% {
        opacity: 0;
        transform: translateY(100px);
    }
    30% {
        opacity: 1;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(-100%);
    }
}
@keyframes ct-2-wrap {
    0% {
    	transform: translateY(0);
    }
    40% {
    	transform: translateY(0);
    }
    50% {
    	transform: translateY(-50%);
    }
    100% {
    	transform: translateY(-50%);
    }
}
@keyframes ct-2-mouse {
    0% {
    	top: 20%;
		right: -5%;
    }
    10% {
    	top: 65%;
		right: 39%;
    }
    35% {
    	top: 65%;
		right: 39%;
    }
    40% {
    	top: 56%;
		right: 39%;
    }
    60% {
    	top: 56%;
		right: 39%;
    }
    70% {
    	top: 65%;
		right: 70%;
    }
    75% {
    	top: 65%;
		right: 70%;
    }
    80% {
    	top: 65%;
		right: 55%;
    }
    85% {
    	top: 65%;
		right: 55%;
    }
    90% {
    	top: 85%;
		right: 64%;
    }
    95% {
    	top: 85%;
		right: 64%;
    }
    100% {
    	top: 45%;
		right: -5%;
    }
}

@keyframes ct-3 {
    0% {
    	transform: translateY(50%);
    }
    45% {
    	transform: translateY(50%);
    }
    55% {
    	transform: translateY(0);
    }
    100% {
    	transform: translateY(0);
    }
}

@keyframes ct-3-mouse {
    0% {
    	top: 20%;
		right: -5%;
    }
    10% {
    	top: 41%;
		right: 35%;
    }
    15% {
    	top: 41%;
		right: 35%;
    }
    22% {
    	top: 60%;
		right: 35%;
    }
    24% {
    	top: 60%;
		right: 35%;
    }
    40% {
    	top: 41%;
		right: 9%;
    }
    60% {
    	top: 41%;
		right: 9%;
    }
    70% {
    	top: 43%;
		right: 30%;
    }
    75% {
    	top: 43%;
		right: 30%;
    }
    80% {
    	top: 43%;
		right: 23%;
    }
    90% {
    	top: 43%;
		right: 23%;
    }
    100% {
    	top: 43%;
		right: -5%;
    }
}
/*@keyframes ct-3-mouse {
    0% {
    	top: 20%;
		right: -5%;
    }
    5% {
    	top: 41%;
		right: 35%;
    }
    10% {
    	top: 60%;
		right: 35%;
    }
    12% {
    	top: 60%;
		right: 35%;
    }
    20% {
    	top: 41%;
		right: 9%;
    }
    30% {
    	top: 41%;
		right: 9%;
    }
    35% {
    	top: 43%;
		right: 30%;
    }
    45% {
    	top: 43%;
		right: 23%;
    }
    50% {
    	top: 43%;
		right: 23%;
    }
    55% {
    	top: 20%;
		right: -5%;
    }
    100% {
    	top: 20%;
		right: -5%;
    }
}*/
@keyframes ct-fade-up {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}