/* Настройки шаблона */
:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Roboto', sans-serif; color: #141414; outline: 1px solid #ddd; overflow-x: hidden; font-size: 16px; font-weight: 400; line-height: 150%;}

h1, .h1 {font-weight: 700; font-size: 44px; line-height: 120%;}
h2, .h2 {font-weight: 700; font-size: 35px; line-height: 100%;}
h3, .h3 {font-weight: 700; font-size: 25px; line-height: 130%;}
h4, .h4 {font-weight: 700; font-size: 20px; line-height: 130%;}
h5, .h5 {font-weight: 700; font-size: inherit;}

a {text-decoration: none; color: #141414;}
a:hover {color: #FAD028;}

table {min-width: 440px;}

/* Общие классы */
.text-black	 			{color: #141414 !important;}
.text-yellow 			{color: #FFCC00 !important;}
.text-yellow-1 		{color: #FAD028 !important;}
.text-yellow-2 		{color: #EABC06 !important;}
.text-yellow-3 		{color: #FFDA48 !important;}
.text-lightgrey 	{color: #F8F8F8 !important;}
.text-lightgrey-1 {color: #C4C4C4 !important;}
.text-grey 				{color: #57565B !important;}

.bg-black	 			{background: #141414 !important;}
.bg-yellow 			{background: #FFCC00 !important;}
.bg-yellow-1 		{background: #FAD028 !important;}
.bg-yellow-2 		{background: #EABC06 !important;}
.bg-yellow-3 		{background: #FFDA48 !important;}
.bg-lightgrey 	{background: #F8F8F8 !important;}
.bg-lightgrey-1 {background: #C4C4C4 !important;}
.bg-grey 				{background: #57565B !important;}

.font-weight-bold {font-weight: 700;}

.scroll-up {z-index: 100000;}
i.fa.fa-angle-up {background: url('/images/icons/angle-up.svg') no-repeat center; width: 100%; height: 100%;}

.phone {position: relative;}
.phone::before {content: url('/images/icons/phone.png'); position: absolute; top: 60%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -30px;}

.news .news-item {box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06); border-radius: 6px; overflow: hidden; min-height: 578px;}
.news .news-item:hover {box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);}
.news .news-item .text {padding: 24px 62px 0 30px;}
.news .news-item .date {padding: 10px 62px 24px 30px;}

.product-container .fields {color: #4F4F4F;}
.product-container .additional-images img {max-width: 88px; max-height: 88px; border: 1px solid #E0E0E0;}
.product-container .additional-images a:hover img {border: 1px solid #000000;}
.product-container .main-image {border: 1px solid #E0E0E0;}

.product-container .btn,
.browse-view .btn {background: #FFCC00;/*	border: 1px solid #000000;*/ font-weight: 700;}

.product-container .btn:hover,
.browse-view .btn:hover {background: #FFDA48;}

.pagination {float: right;}
.pagination .counter {display: none;}
.pagination ul {display: flex; flex-wrap: wrap; justify-content: center; list-style: none;}
.pagination ul li {padding-left: .5rem !important;}
.pagination ul li::before {display: none;}
.pagination ul li .pagenav {color: #141414; border-color: transparent; background: #F8F8F8; border-radius: 5px;}
.pagination ul .pagination-prev,
.pagination ul .pagination-next {width: 30px; height: 30px; display: flex !important; align-items: center; justify-content: center;}
.pagination ul li:not(.pagination-prev):not(.pagination-next) .pagenav {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.pagination .pagination-start, .pagination .pagination-end {display: none !important;}
.pagination ul li.pagination-prev .pagenav, .pagination ul li.pagination-next .pagenav {border: 0;}
.pagination ul li.pagination-prev .pagenav {content: url('/images/icons/arrow-right.png');}
.pagination ul li.pagination-next .pagenav {content: url('/images/icons/arrow-right.png'); transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.pagination ul li:not(.pagination-prev):not(.pagination-next) span.pagenav {background: #EABC06; color: #141414; border-radius: 5px;}
.pagenav {border: 0;}
/* Переопределения Bootstrap */
.btn {text-transform: uppercase; color: #141414; box-shadow: none !important; padding: 8px 24px; border-radius: 0 !important;}
.btn-link {font-weight: 700; border-bottom: 1px dashed #EABC06; text-decoration: none; padding: 0; padding-bottom: 5px; color: #141414 !important;}
.btn-link:hover {color: #FFCC00 !important;}
.btn-warning {padding: 18px 32px; background: transparent; font-weight: 700; position: relative; overflow: hidden; z-index: 1;}
.btn-warning::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background: #FFCC00; z-index: -2;}
.btn-warning::before {content: ''; position: absolute; top: -15px; left: -50%; border-radius: 50px; pointer-events: none; background: #FFDA48; height: 100%; width: 0; transition: height .5s ease, width .5s ease; z-index: -1;}
.btn-warning:hover::before {height: 200%; width: 200%;}
.btn-arrow {background: #FFCC00; padding: 14px 30px;}
.btn-arrow:hover {background: #FFDA48;}
.big-btn .btn-link {border: 0; padding-bottom: 4px; position: relative;}
.big-btn .btn-arrow {padding: 10px 30px;}
.big-btn .btn-link::before {content: ''; position: absolute; height: 1px; width: 100%; left: 0; bottom: 10px; background: #FFCC00; transition: width .5s ease;}
.big-btn:hover .btn-link {color: #141414 !important;}
.big-btn:hover .btn-link::before {width: 2%;}
.big-btn .btn-arrow {margin-left: 2.4rem;}
.big-btn:hover .btn-arrow {background: #FFDA48;}

.form-control {box-shadow: none !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #BDBDBD !important; color: #828282 !important; font-size: inherit; font-family: inherit; padding-left: 17px; padding-bottom: 8px; background: transparent !important;}
.form-control::placeholder {color: #828282; font-size: inherit; font-family: inherit;}

.form-check-input {border-radius: 0 !important; border: 2px solid #EFEFEF !important; background: #FFCC00 !important; box-shadow: none !important; height: 20px; width: 20px;}
.form-check-input:checked[type=checkbox] {background-image: url('/images/icons/check.png') !important; background-position: center !important; background-repeat: no-repeat !important;}

.browse-view .card {border: 0;}
.browse-view .card::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 1px; width: 100%; max-width: 867px; background: #BDBDBD;}
.browse-view .card .card-body {color: #4F4F4F;}
.browse-view .card .card-body .tech {font-weight: 700;}

.product-container .nav-tabs .nav-link {background: #E0E0E0;	border: 1px solid #E0E0E0; border-radius: 6px 6px 0px 0px; color: #4F4F4F; transition: background .5s ease, color .5s ease; margin-right: 1.5rem; padding: 15px 20px;}
.product-container .nav-tabs .nav-link.active {background: #FFCC00; color: #141414;}
.product-container .tab-content {border: 1px solid #E0E0E0; padding: 48px 88px 80px 48px;}
.product-container .tab-content .tech {display: none;}

.productdetails-view a.documentations {padding: 20px; border: 1px solid #141414;}

.modal-header {border: 0;}
/* Шапка */
header #top_menu li a {font-weight: 700;	font-size: 16px; color: #141414; text-transform: uppercase;}
header #top_menu li:hover a,
header #top_menu li.active a {color: #FAD028;}
header .btn-link {line-height: 94%;}

/* Подвал */
footer::before {background: #57565B !important;}
footer .menu li a {font-weight: 700;	font-size: 16px; color: #FFFFFF; text-transform: uppercase;}
footer .menu li:hover a {color: #FAD028;}
@media (min-width: 1200px){
	footer .menu li {flex: 0 0 auto; width: 41.6666666667%; margin-bottom: 2.6rem;}
	footer .menu li:nth-child(2n) {flex: 0 0 auto; width: 41.6666666667%; margin-left: 16.6666666667%;}
}

/* Модули */

.mod-head-icons a:hover img {filter: brightness(0) saturate(100%) invert(53%) sepia(7%) saturate(0%) hue-rotate(177deg) brightness(95%) contrast(85%);}

.mod-home-slide .image_intro::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.38) 71.01%, rgba(0, 0, 0, 0) 100%);}

.mod-services .item-card {border: 1px solid #E0E0E0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06);	border-radius: 6px; transition: box-shadow .5s ease; overflow: hidden;}
.mod-services .item-card .text {position: relative;}
.mod-services .item-card .text::before {content: ''; position: absolute; background: #FFCC00; width: 8px; height: 222px; left: 0; top: 80%; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; transition: opacity .5s ease, top .5s ease;}
.mod-services .item-card:hover {color: #141414; box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.16);}
.mod-services .item-card:hover .text::before {opacity: 1; top: 50%;}

.mod-breadcrumps [itemprop="itemListElement"]:not([itemprop="itemListElement"]:nth-last-child(1)),
.mod-breadcrumps [itemprop="itemListElement"]:not([itemprop="itemListElement"]:nth-last-child(1)) a {color: #BDBDBD;}

.mod-advantages::before {background: #FAD028;}

.mod-faq .accordion .card {border: 0; margin-bottom: 1rem;}
.mod-faq .accordion .card-header {position: relative; background: transparent; border: 0; padding: 8px;}
.mod-faq .accordion .card-header .title {position: relative; padding-left: 77px; margin-bottom: 0; color: #FFCC00;}
.mod-faq .accordion .card-header .title.collapsed {color: #333333;}
.mod-faq .accordion .title::after {content: ''; position: absolute; top: 50%; left: 0; width: 27px; height: 6px; border-radius: 25px; background: #FFCC00; transform: scale(1) translateY(-50%); -webkit-transform: scale(1) translateY(-50%); transition: all .3s ease;}
.mod-faq .accordion .title::before {content: ''; position: absolute; top: 50%; left: 10.5px; width: 6px; height: 27px; border-radius: 25px; background: #FFCC00; transform: rotate(0deg) translateY(-50%); -webkit-transform: rotate(0deg) translateY(-50%); transition: all .3s ease;}
.mod-faq .accordion .title:not(.collapsed)::before {transform: rotate(90deg) translateX(-200%); -webkit-transform: rotate(90deg) translateX(-200%);}
.mod-faq .accordion .title:not(.collapsed)::after {transform: scale(0) translateY(-50%); -webkit-transform: scale(0) translateY(-50%);}
.mod-faq .accordion .card-body {padding: 8px 30px 10px 86px;}

.mod-questions .img::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(89.92deg, rgba(0, 0, 0, 0.61) 34.99%, rgba(0, 0, 0, 0.2) 77.49%);}

.mod-last-news::before {background: url('/images/modules/news/001.png') center no-repeat;}
.mod-last-news::after {background: rgba(46, 45, 51, 0.78);}
.mod-last-news .item {box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06); border-radius: 6px;}
.mod-last-news .item:hover {box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);}
.mod-last-news .item .text {padding: 24px 62px 0 30px;}
.mod-last-news .item .date {padding: 10px 62px 24px 30px;}
.mod-last-news a.h5.text-uppercase:hover {color: #FAD028 !important;}

.mod-contact .contact {background: #57565B;	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06);}
.mod-contact .contact .info {padding: 64px 82px 0 80px;}
.mod-contact .contact .yellow-block {height: 105px; width: 105px; background: #FFCC00; top: -20px; right: -20px;}
.mod-contact .contact .icons a {border: 1px solid #FFFFFF; padding: 22px 51px; text-align: center;}
.mod-contact .contact .icons a:hover {background: #FFCC00;}
.mod-contact .contact .icons a:hover img {filter: brightness(0) saturate(100%) invert(35%) sepia(7%) saturate(295%) hue-rotate(212deg) brightness(87%) contrast(85%);}
.mod-contact .design {right: -743px; top: -70px; z-index: -1;}
.mod-contact a:hover {color: #FAD028 !important;}
.mod-contact .contact .icons a:nth-child(1) {border-left: 2px;}
.mod-contact .contact .icons a:nth-last-child(1) {border-right: 2px;}

.mod-footer-info .img img {filter: brightness(0) saturate(100%) invert(73%) sepia(88%) saturate(796%) hue-rotate(357deg) brightness(99%) contrast(106%);}

.mod-assembly-work .list {padding-left: 1rem;}
.mod-assembly-work .list li::marker {color: #FFCC00;}

.mod-delivery table {text-transform: uppercase;}
.mod-delivery table tr.grey {background: #F2F2F2;}
.mod-delivery table th,
.mod-delivery table td {padding: 11px 20px;}
.mod-delivery .button {position: relative;}
.mod-delivery .button,
.mod-delivery tr.hidden {height: 0%; display: none; transition: height .5s ease;}
.mod-delivery table tr.main {cursor: pointer; transition: background .5s ease;}
.mod-delivery table tr.main td:nth-child(1) {width: 70%;}
.mod-delivery table tr.main .button .btn {padding: 11px 15px;	font-size: 16px; border: 1px solid #000000; position: absolute; top: -24px; left: 5px;}
.mod-delivery table tr.hidden {background: #E0E0E0; border: 1px solid #000000;}
.mod-delivery table tr.main.active {background: #FAD028; border: 1px solid #000000;}
.mod-delivery table tr.main.active + tr.hidden {display: table-row; height: 100%;}
.mod-delivery table tr.main.active .price {display: none;}
.mod-delivery table tr.main.active td:nth-child(2) {padding-right: 0;}
.mod-delivery table tr.main.active td:nth-child(3) {padding: 0;}
.mod-delivery table tr.main.active .button {display: block; height: 100%;}

.mod-productions table {text-transform: uppercase;}
.mod-productions table tr.grey {background: #F2F2F2;}
.mod-productions table th,
.mod-productions table td {padding: 11px 20px;}
.mod-productions .button {position: relative;}
.mod-productions .button,
.mod-productions tr.hidden {height: 0%; display: none; transition: height .5s ease;}
.mod-productions table tr.main {cursor: pointer; transition: background .5s ease;}
/* .mod-productions table tr.main td:nth-child(1) {width: 70%;} */
.mod-productions table tr.main .button .btn {padding: 11px 15px;	font-size: 16px; border: 1px solid #000000; position: absolute; top: -24px; left: 5px;}
.mod-productions table tr.hidden {background: #E0E0E0; border: 1px solid #000000;}
.mod-productions table tr.main.active {background: #FAD028; border: 1px solid #000000;}
.mod-productions table tr.main.active + tr.hidden {display: table-row; height: 100%;}
.mod-productions table tr.main.active .price_nal {opacity: 0;}
.mod-productions table tr.main.active td:nth-child(2) {padding-right: 0;}
.mod-productions table tr.main.active td:nth-child(3) {padding: 0;}
.mod-productions table tr.main.active .button {display: block; height: 100%;}
.mod-productions .delivery tr.main .button .btn {padding: 11px 9px; font-size: 14px; left: -4px;}
.mod-productions .concrete tr.main .button,
.mod-productions  .solution tr.main .button {position: absolute;}
.mod-productions  .concrete tr.main .button .btn {left: -24px; top: -36px;}
.mod-productions  .solution tr.main .button .btn {left: 16px; top: -36px;}

.mod-concrete-main table {text-transform: uppercase;}
.mod-concrete-main table tr.grey {background: #F2F2F2;}
.mod-concrete-main table th,
.mod-concrete-main table td {padding: 11px 20px;}
.mod-concrete-main .button {position: relative;}
.mod-concrete-main .button,
.mod-concrete-main tr.hidden {height: 0%; display: none; transition: height .5s ease;}
.mod-concrete-main table tr.main {cursor: pointer; transition: background .5s ease;}
/* .mod-concrete-main table tr.main td:nth-child(1) {width: 70%;} */
.mod-concrete-main table tr.main .button .btn {padding: 11px 15px;	font-size: 16px; border: 1px solid #000000; position: absolute; top: -24px; left: 5px;}
.mod-concrete-main table tr.hidden {background: #E0E0E0; border: 1px solid #000000;}
.mod-concrete-main table tr.main.active {background: #FAD028; border: 1px solid #000000;}
.mod-concrete-main table tr.main.active + tr.hidden {display: table-row; height: 100%;}
.mod-concrete-main table tr.main.active .price_nal {opacity: 0;}
.mod-concrete-main table tr.main.active td:nth-child(2) {padding-right: 0;}
.mod-concrete-main table tr.main.active td:nth-child(3) {padding: 0;}
.mod-concrete-main table tr.main.active .button {display: block; height: 100%;}
.mod-productions .solution tr.main td:nth-child(3),
.mod-concrete-main .solution tr.main td:nth-child(3) {width: 126px;}

.mod-tabs .nav-link {padding: 56px 30px; position: relative; color: #828282; background: #E0E0E0;}
.mod-tabs .nav-link.active {background: #FFCC00; color: #141414;}
.mod-tabs .nav-link.link-1 {border-radius: 6px 0px 0px 0px;}
.mod-tabs .nav-link.link-2 {border-radius: 0px 6px 0px 0px;}
.mod-tabs .nav-link.link-1::before {content: url('/images/modules/tabs/001.png'); position: absolute; left: 25%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); filter: brightness(0) saturate(100%) invert(53%) sepia(7%) saturate(0%) hue-rotate(177deg) brightness(95%) contrast(85%);}
.mod-tabs .nav-link.link-2::before {content: url('/images/modules/tabs/002.png'); position: absolute; left: 8%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); filter: brightness(0) saturate(100%) invert(53%) sepia(7%) saturate(0%) hue-rotate(177deg) brightness(95%) contrast(85%);}
.mod-tabs .nav-link.link-1.active::before,
.mod-tabs .nav-link.link-2.active::before {filter: none;}
.mod-tabs .concrete tr.main .button,
.mod-tabs .solution tr.main .button {position: absolute;}
.mod-tabs .concrete tr.main .button .btn {left: -23px; top: -36px;}
.mod-tabs .solution tr.main .button .btn {left: 16px; top: -36px;}
.mod-tabs .delivery tr.main .button .btn {padding: 11px 9px; font-size: 14px; left: -5px; top: -35px;}
.mod-tabs .mod-products-main .slider .item .item-product {height: 464px;}
.mod-tabs .mod-products-main .slider .item .item-product .img,
.mod-tabs .mod-products-main .slider .item .item-product .img img {height: 290px; object-fit: cover;}

.mod-products-main .item-product {box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06); border-radius: 6px; overflow: hidden;}
.mod-products-main .item-product .title,
.mod-products-main .item-product .price {padding-left: 20px; padding-right: 20px;}
.mod-products-main .item-product .btn {background: #FFCC00;/*	border: 1px solid #000000; */ border-radius: 6px !important; font-weight: 700;}
.mod-products-main .item-product .btn:hover {background: #FFDA48;}
.mod-products-main .slider .owl-nav {max-width: 1450px;}
.mod-products-main .slider .owl-nav [type="button"] {color: #FFDA48; font-size: 100px;}

.mod-footer-info a:hover {color: #FFCC00 !important;}

.mod-footer-button a img {width: 25px; height: 25px;}
.mod-footer-button a:hover img {filter: brightness(0) saturate(100%) invert(76%) sepia(39%) saturate(3511%) hue-rotate(3deg) brightness(112%) contrast(101%);}
/* Адаптация */
@media (max-width: 1199px) {
	h1, .h1 {font-size: 30px;}
	h2, .h2 {font-size: 22px;}
	h3, .h3 {font-size: 18px;}
	h4, .h4 {font-size: 16px;}
	h5, .h5 {font-size: 14px;}

	iframe {width: 100% !important; height: 300px !important;}

	header #top_menu ul {flex-direction: column;}
  header #top_menu ul li {padding: .3rem 0; margin-bottom: 0; text-align: center;}
  header #top_menu ul li {display:block; position: relative;}
  header #top_menu > ul > li a {padding: 1rem 0.5rem; display: block;}
  header #logo {width: 58%;}

	footer .menu {flex-direction: column;}
  footer .menu li {padding: .3rem 0; margin-bottom: 0; text-align: center;}
  footer .menu li {display:block; position: relative;}
  footer .menu > li a {padding: 1rem 0.5rem; display: block;}

	.design {display: none;}

	.product-container .tab-content {padding: 48px 40px 80px 40px;}

	.mod-concrete-main .row > div {overflow: auto;}

	.mod-tabs .nav-link {height: 100%; padding: 40px 4px;}
	.mod-tabs .nav-link.link-1::before,
	.mod-tabs .nav-link.link-2::before {content: unset;}

	.mod-contact .contact .info {padding: 64px 40px 0 40px;}
	.mod-contact .contact .icons a {padding: 22px 23px;}

	.mod-delivery .row .col-md-8 {overflow: auto;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.mod-tabs .nav-link.link-2::before {left: 3%;}
}
/* Анимации */

[data-aos="fade-in-left"].aos-animate {-webkit-animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-left 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}
[data-aos="fade-in-right"].aos-animate {-webkit-animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-right 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}
[data-aos="fade-in-bottom"].aos-animate {-webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, opacity 0.8s linear both;}

.aos-animate.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.aos-animate.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.aos-animate.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.aos-animate.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.aos-animate.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.aos-animate.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.aos-animate.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.aos-animate.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.aos-animate.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.aos-animate.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}

@-webkit-keyframes fade-in-left {
  0% {-webkit-transform: translateX(-50px); transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes fade-in-left {
  0% {-webkit-transform: translateX(-50px); transform: translateX(-50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}


@-webkit-keyframes fade-in-right {
  0% {-webkit-transform: translateX(50px); transform: translateX(50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes fade-in-right {
  0% {-webkit-transform: translateX(50px); transform: translateX(50px);}
  100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

@-webkit-keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(50px); transform: translateY(50px);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes fade-in-bottom {
  0% {-webkit-transform: translateY(50px); transform: translateY(50px);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

@keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}