/* 1. FONTS */

@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans|Oswald");
/*   2. GENERAL */

body {font-family:'Open Sans', sans-serif; color:#546E7A; font-size:14px; font-weight:400; background:#fff; overflow-x:hidden; margin-top:88px}
html {overflow-x:hidden}
p {font-size:14px; color:#546E7A; line-height:26px; font-family:'Open Sans', sans-serif; margin-bottom:0}
a:hover, a:focus {color:#428bca}
a {color:#428bca; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
h1, h2, h3, h4, h5 {font-family:'Oswald'; font-size:40px; font-weight:700; color:#263238}
ul {margin:0; padding:0}
ul li {list-style:none}
a:hover, a:focus {text-decoration:none; outline:none}
a:not([href]):not([tabindex]) {color:#fff}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color:#fff}
.bg-transparent {background:transparent !important}
/*   2.1 Section Title */

.section {padding:80px 0}
.section-header {color:#fff; margin-bottom:40px; text-align:center; position:relative}
.section-header .section-title {font-size:36px; margin-bottom:1em; padding-top:1em; text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:700; color:#263238; position:relative}
.section-header span {font-size:60px; color:rgba(0, 0, 0, 0.07); z-index:2; font-family:'Montserrat', sans-serif; font-weight:500; text-transform:capitalize; position:absolute; top:7px; left:0; width:100%}
/*   2.2 Buttons */

.btn {font-size:14px; padding:10px 30px; font-weight:400; color:#fff; text-transform:uppercase; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; display:inline-block}
.btn:focus, .btn:active {box-shadow:none; outline:none; color:#fff}
.btn-common {background-color:#428bca; position:relative; z-index:1; padding:12px 32px}
.btn-common:hover {color:#fff}
.btn-effect {overflow:hidden}
.btn-effect:after {content:''; position:absolute; width:0; height:100%; z-index:1; left:0; top:0; background:rgba(0, 0, 0, 0.1); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease}
.btn-effect:hover:after {width:100%}
.btn-border {border-style:solid; border-width:2px; cursor:pointer; background-color:transparent; border-color:#fff; color:#fff}
.btn-border:hover {color:#ffffff; background-color:#428bca}
.btn-lg {padding:14px 33px; text-transform:uppercase; font-size:16px}
button:focus {outline:none !important}
.clear {clear:both}
/*   2.3 Social Iocns */

.facebook a {color:#4867AA}
.facebook a:hover {background:#4867AA}
.twitter a {color:#1DA1F2}
.twitter a:hover {background:#1DA1F2}
.youtube a {color:#DF2926}
.youtube a:hover {background:#DF2926}
.linkedin a {color:#007BB6}
.linkedin a:hover {background:#007BB6}
/*   2.4  Pre Loader */

#loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#263238; z-index:9999999999}
.spinner {width:40px; height:40px; top:45%; position:relative; margin:0px auto}
.double-bounce1, .double-bounce2 {width:100%; height:100%; border-radius:50%; background-color:#428bca; opacity:0.6; position:absolute; top:0; left:0; -webkit-animation:sk-bounce 2.0s infinite ease-in-out; animation:sk-bounce 2.0s infinite ease-in-out}
.double-bounce2 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
 @-webkit-keyframes sk-bounce {
 0%, 100% {
 -webkit-transform:scale(0);
 transform:scale(0);
}
 50% {
 -webkit-transform:scale(1);
 transform:scale(1);
}
}
 @keyframes sk-bounce {
 0%, 100% {
 -webkit-transform:scale(0);
 transform:scale(0);
}
 50% {
 -webkit-transform:scale(1);
 transform:scale(1);
}
}
/* ========================================================================== 
  -2.5 Scroll To Up  */

.back-to-top {display:none; position:fixed; bottom:18px; right:15px}
.back-to-top i {display:block; width:36px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; border-radius:30px; background-color:#428bca; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.overlay-2 {background:rgba(0, 0, 0, 0.9) !important}
.overlay {position:absolute; width:100%; height:100%; top:0px; left:0px; background:#000; opacity:0.5; filter:alpha(opacity=80)}
/*   Navbar Style */

.logo-menu a {font-size:20px; color:#fff}
.menu-bg {background-color:#fff !important; /*box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);*/
z-index:999; padding:3px}
.menu-bg .menu-button {top:0}
.menu-bg .menu-button:hover {cursor:pointer; color:#428bca}
.menu-bg .logo-menu a {color:#428bca}
.menu-bg .navbar-nav .nav-link {color:#263238 !important}
.menu-bg .navbar-nav .nav-link:hover {color:#428bca!important}
.menu-bg .navbar-nav .active {color:#428bca!important}
.menu-button:hover {cursor:pointer; opacity:#eee}
.bg-white {background-color:#fff !important; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); z-index:999; padding:5px}
.bg-white .menu-button {top:0}
.bg-white .menu-button:hover {cursor:pointer; color:#428bca}
.bg-white .logo-menu a {color:#428bca}
.bg-white .navbar-nav .nav-link {color:#263238 !important}
.bg-white .navbar-nav .nav-link:hover {color:#428bca!important}
.bg-white .navbar-nav .active {color:#428bca!important}
.close-button {cursor:pointer}
.navbar-expand-md .navbar-nav .nav-link {color:#fff; font-size:14px; padding:5px 0px; margin-left:30px; position:relative}
.navbar-brand img {max-width:480px; position:absolute; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; margin-top:150px}
.navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .nav-link:hover:before {color:#428bca}
.navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active:before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {color:#428bca}
.navbar-expand-md .navbar-toggler {background:#428bca; border-radius:0px; margin:5px; cursor:pointer; float:right}
.navbar-expand-md .navbar-toggler i {color:#fff !important}
.navbar-expand-md .navbar-toggler:active {border:1px solid #428bca; color:#428bca}
.navbar-collapse {background: #fff; z-index:1}
/*   Hero Area */

/* Hero Production version */

/*   Video Background */
a.navbar-brand img {width:100%}

.video-container {height: 50vh; position: relative; overflow: hidden;}
.video-container video {object-fit: cover; position: absolute; height: 100%;  width: 100%; top: 0; left: 0;}
.video-container:after {content: ''; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; /*background: rgba(255,255,255, .5);*/ background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); z-index: 1}
.video-container .callout {position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; text-align: center; z-index: 10}
@media(max-width: 900px) {
	.video-container {height:100vh}
}


/*#video-area {overflow:hidden; position:relative}
/*  About Section Style */

#about {position:relative; background:#f9f9f9}
#about .box-item {padding:15px 0}
#about .box-item .text {margin-left:64px}
#about .box-item .text h4 {font-weight:500; font-size:18px; line-height:22px}
#about .box-item .text p {font-size:14px; line-height:26px}
/*  About Area
  ========================================================================== */

/*   associations  */

#associations {background:#f9f9f9}
#associations .association-item-wrapper {text-align:center; margin:0 5px; -moz-transition:all .6s ease; -webkit-transition:all .6s ease; transition:all .6s ease}
#associations #associations-scroller img {opacity:.4; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; height:50px}
#associations #associations-scroller img:hover {opacity:1; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
/*#associations #associations-scroller img:hover {-moz-transition:all .6s ease; -webkit-transition:all .6s ease; transition:all .6s ease; opacity:1.0}
#associations #associations-scroller .owl-pagination {display:none}*/

/*    call to action */

#cta {background:url(../img/bg/bg-buildings.jpg) fixed; background-size:cover}
#cta h5 {color:#fff; text-transform:uppercase; font-size:1.8rem; font-weight:500; line-height:48px; text-shadow:1px 1px 2px #999}
#cta .btn {margin:30px 10px}
.call-action {background:#f9f9f9}
/* Video promo Style */

.video-promo {background:url(../img/bg/video.jpg); position:relative; background-position:center; background-size:cover}
.video-promo .video-promo-content {color:#fff}
.video-promo .video-promo-content .video-popup {text-align:center; color:#fff; display:inline-block; font-size:100px}
.video-promo .video-promo-content h2 {margin-top:30px; color:#fff; font-size:30px; text-transform:uppercase}
.video-promo .video-promo-content p {color:#fff}
a.video-popup.video-btn:hover {transform: scale(1.1)}
/*   Portfolio Section */

.portfolio .mix {display:none}
.portfolio a img {opacity:0.8; padding-bottom:30px; width:100%; height:100%; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
.portfolio a:hover img {opacity:1; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}
.controls {text-align:center; padding:0px 0px 20px}
.controls .active {color:#428bca!important; border-color:#428bca; background:#9cc2e3}
.controls .btn {text-transform:uppercase; margin:2px}
.controls:hover {color:#fff; cursor:pointer}
.portfolio-item {margin-bottom:2em}
/* Services Item */

.services-item {padding:30px 15px; background:#fff; border-radius:4px; text-align:center; margin-bottom:30px; position:relative; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out}
.services-item .color-1 i {background:#FAE3E3; color:#D82928 !important}
.services-item .color-2 i {background:#E6F8ED; color:#57D283 !important}
.services-item .color-3 i {background:#E3EAFA; color:#457BF4 !important}
.services-item .color-4 i {background:#F3EAD6; color:#f1a90a !important}
.services-item .color-5 i {background:#E7E6FF; color:#7271FF !important}
.services-item .color-6 i {background:#DEDEDE; color:#35393D !important}
.services-item .services-content {padding-left:65px}
.services-item .services-content h3 {margin-bottom:10px; font-size:18px; font-weight:500}
.services-item .services-content h3 a {color:#272727}
.services-item .services-content h3 a:hover {color:#428bca}
.services-item:hover {box-shadow:0px 10px 50px 0px rgba(84, 110, 122, 0.35)}
/*   Featured Section Start */

/* Team Section */

.single-team:hover .team-details {opacity:1}
.single-team {position:relative; background:#f9f9f9; border-radius:4px; -webkit-transition:0.5s; transition:0.5s; box-shadow:0px 10px 50px 0px rgba(84, 110, 122, 0.15); overflow:hidden; margin-bottom:2em; min-height:12.5em}
.single-team:hover {-webkit-transform:translateY(-5px); transform:translateY(-5px); box-shadow:0px 10px 50px 0px rgba(84, 110, 122, 0.35)}
.single-team img {width:100%}
.single-team .team-inner {-webkit-transition:0.5s; transition:0.5s}
.single-team .team-details {padding:20px; width:100%; text-align:center; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s}
.single-team .team-details .team-title {margin-bottom:5px; font-size:18px; font-weight:500; color:#263238}
.single-team .team-details p {margin-bottom:15px}
.single-team .social-list li {display:inline-block}
.single-team .social-list li a {display:block; height:34px; line-height:34px; text-align:center; width:34px; color:#428bca; font-size:14px; background:#fff; border-radius:50px; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s}
.single-team .social-list .facebook a:hover {background:#4867aa; color:#fff}
.single-team .social-list .twitter a:hover {background:#1da1f2; color:#fff}
.single-team .social-list .linkedin a:hover {background:#007bb6; color:#fff}
.single-team .social-list .youtube a:hover {background:#007bb6; color:#fff}
/* ==========================================================================
	MFG Section */
.mfg_logo {position:relative; min-width:240px; min-height:150px; display:block; margin:10px 0; aspect-ratio:16 / 10}
.mfg_logo img {position:absolute; margin:auto; top:0; left:0; right:0;  bottom:0}

.single-mfg:hover .mfg-details {opacity:1}
.single-mfg {position:relative; background:#f9f9f9; border-radius:4px; -webkit-transition:0.5s; transition:0.5s; box-shadow:0px 10px 50px 0px rgba(84, 110, 122, 0.15); overflow:hidden; padding: 0 10px; margin-bottom:2em}
.single-mfg:hover {-webkit-transform:translateY(-5px); transform:translateY(-5px); box-shadow:0px 10px 50px 0px rgba(84, 110, 122, 0.35)}
.single-mfg img {width:100%; height:100%; object-fit:contain!important}
.single-mfg .mfg-inner {-webkit-transition:0.5s; transition:0.5s}
.single-mfg .mfg-details {padding-bottom:20px; width:100%; text-align:center; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s}
.single-mfg .mfg-details .mfg-title {margin-bottom:5px; font-size:18px; font-weight:500; color:#263238}
.single-mfg .mfg-details p {margin-bottom:15px}
.single-mfg .social-list li {display:inline-block}
.single-mfg .social-list li a {display:block; height:34px; line-height:34px; text-align:center; width:34px; color:#428bca; font-size:14px; background:#fff; border-radius:50px; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s}
.single-mfg .social-list .facebook a:hover {background:#4867aa; color:#fff}
.single-mfg .social-list .twitter a:hover {background:#1da1f2; color:#fff}
.single-mfg .social-list .youtube a:hover {background:#dd4d42; color:#fff}
.single-mfg .social-list .linkedin a:hover {background:#007bb6; color:#fff}

.prd_list {padding-left: 20px; line-height: 1.2; min-height: 4.5rem}


/* News Section */

.news {background:#f9f9f9}
.news-item {padding:30px; margin:15px; background:#fff; border-radius:4px; border:1px solid rgba(0, 0, 0, 0.06); min-height:275px}
.news-item .author {display:inline-block; margin-bottom:20px}
.news-item .author .author-info {float:left; padding:3px 0}
.news-item .author .author-info h2 {font-size:18px; font-weight:500; line-height:30px; margin-bottom:0}
.news-item .author .author-info h2 a {color:#484848}
.news-item .author .author-info h2 a:hover {color:#428bca}
.news-item .content-inner {overflow:hidden}
.news-item .content-inner .description {width:100%; margin-bottom:10px}
.news-item .content-inner span {color:#428bca}
.owl-theme .owl-controls .owl-page {display:inline-block; zoom:1}
.owl-theme .owl-controls .owl-page span {display:block; width:12px; height:12px; margin:2px 4px; filter:alpha(opacity=50); opacity:1; border-radius:30px; background:#fff; border:2px solid #fff; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out}
.owl-theme .owl-controls .owl-page.active span {background:#428bca}
/*  Slider */

#carousel-area {overflow:hidden; background:#fff}
#carousel-area .carousel-item {background-size:100%}
#carousel-area .carousel-item .carousel-caption {top:32%; right:10%; left:12%; padding-top:0; padding-bottom:0; text-shadow:2px 2px 4px #000000; text-transform:uppercase}
#carousel-area .carousel-item .carousel-caption h3 {color:#fff; font-weight:500; font-size:26px; line-height:38px}
#carousel-area .carousel-item .carousel-caption h2 {font-size:80px; font-weight:700; color:#fff}
#carousel-area .carousel-item .carousel-caption h4 {color:#ffffff; font-size:18px; font-weight:500; margin-bottom:18px; letter-spacing:.35px}
#carousel-area .carousel-control {display:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}
#carousel-area:hover .carousel-control {display:block; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn}
#carousel-area .carousel-control-next, #carousel-area .carousel-control-prev {opacity:1}
#carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {width:48px; line-height:48px; height:48px; color:#fff; font-size:24px; display:inline-block; background:#bbbbbb33; border-radius:30px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear}
#carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {opacity:0.9}
#carousel-area .carousel-indicators li:hover, #carousel-area .carousel-indicators li.active {opacity:1}
#carousel-area .carousel-indicators {bottom:35px}
#carousel-area .carousel-indicators li {width:30px; height:7px; border-radius:4px}
#slider-area {margin-top:-1px}
#slider-area .btn {margin-right:15px}
#slider-area .about-info p {color:#333}
/*   Blog  */

/*    Single Page Style */

/*   Contact Us
  ========================================================================== */

.form-control {width:100%; margin-bottom:20px; padding:15px 30px; font-size:14px; border:1px solid transparent; background:#f5f5f5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
.form-control:focus {border:1px solid #428bca; outline:none; box-shadow:none}
.btn:disabled {opacity:1}
textarea {border-radius:4px !important}
.contact-info {margin-bottom:15px}
.contact-info i {font-size:20px; color:#428bca}
.contact-info h5 {margin-top:5px; font-size:18px; font-weight:500}
.contact-info p {font-size:14px; margin-bottom:0}
#contact {background:#ffffff; position:relative; overflow:hidden}
#contact .contact-block {overflow:hidden}
/* Contact Map */

#google-map-area {position:relative}
#google-map-area .container-fluid {padding-left:0; padding-right:0}
.toggle-map {height:5px; width:100%; background-color:#428bca; bottom:0px; text-align:center; position:absolute; z-index:106}
#google-map {text-align:center; background-color:#fff; height:465px; position:absolute; bottom:-460px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; z-index:101; width:100%; border-top:#428bca 3px solid}
/*  19. Subscribe Style
  ========================================================================== */

#projects {/*background:url(../img/bg/bg-news-lite.jpg)*/ background:#f6f6f6; position:relative}
/* Footer Style */

.block-title {font-size:14px; font-weight:500; color:#263238; margin-bottom:30px; text-transform:uppercase; position:relative}
footer .footer-Content {background-color:#ffffff; padding:60px 0; color:#546E7A}
footer .menu {padding-left:0}
footer .menu li {padding-bottom:12px}
footer .menu li a {color:#546E7A}
footer .menu li a:hover {color:#428bca}
.contact-footer {margin:0; padding:0; display:inline-block}
.contact-footer li {padding:3px 0; margin-bottom:15px}
.contact-footer li strong {float:left}
.contact-footer li span {margin-left:73px; display:block}
.contact-footer li span a {color:#546E7A}
.contact-footer li span a:hover {color:#428bca}
.footer-social li {display:inline-block; margin-right:12px}
.footer-social li a {background-color:#428bca; border-radius:50%; color:#fff; height:32px; line-height:32px; text-align:center; width:32px; display:inline-block; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.footer-social li .facebook:hover {background-color:#3b5998}
.footer-social li .twitter:hover {background-color:#55acee}
.footer-social li .linkedin:hover {background-color:#007bb5}
#copyright {background-color:#ffffff; padding:20px 0 10px; border-top:1px solid #eaeaea; color:#546E7A}
#copyright p {margin-bottom:0; line-height:40px}
#copyright p a {color:#546E7A}
#copyright p a:hover {color:#428bca}
/* Counter Section Style */

.modal img.float-left {margin-right:1em}
.modal img.float-right {margin-left:1em}
.navbar-brand {padding-top:0rem; padding-bottom:4rem}
.navbar-nav {margin-top:16px}
.gallery-link {color:#000!important; padding:.25em .5em}

.bg-white { background-color: #fff !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); z-index: 999; padding: 5px 5px 18px 5px; }
.btn-border { border-style: solid; border-width: 2px; cursor: pointer; background-color: transparent; border-color: #000; color: #000; text-shadow: none; font-weight: bold; }
.carousel-caption { text-align: left; }
#carousel-area .carousel-item .carousel-caption h2 { font-size: 4rem; }
#carousel-area .carousel-item .carousel-caption h2, #carousel-area .carousel-item .carousel-caption h4 { color: #000; text-shadow: none; width:100% }
#carousel-area .carousel-item .carousel-caption h2 strong { color: #000; text-shadow: none; }
#carousel-area .carousel-item .carousel-caption { top: 60%; right: 0%; left: 0%; padding-top: 0; padding-bottom: 0; text-shadow: 2px 2px 4px #000000; text-transform: uppercase; }
a.navbar-brand img { margin-top:150px }
a.navbar-brand.menu-bg img { width: 200px; margin-top:0 }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


.animated {animation-duration:1s}

@keyframes fadeInRight {
from {
opacity:0;
transform: translatex(100px);
}
 to {
opacity:1;
transform: translatex(0);
}
}
 @keyframes fadeInLeft {
from {
opacity:0;
transform: translatex(-100px);
}
 to {
opacity:1;
transform: translatex(0);
}
}
 @keyframes fadeInUp {
from {
opacity:0;
transform: translatey(100px);
}
 to {
opacity:1;
transform: translatey(0);
}
}
 @keyframes fadeInDown {
from {
opacity:0;
transform: translatey(-100px);
}
 to {
opacity:1;
transform: translatey(0);
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {animation-name: zoomIn }
.fadeInRight { animation-name: fadeInRight }
.fadeInLeft { animation-name: fadeInLeft }
.fadeInDown { animation-name: fadeInDown }
.fadeInUp { animation-name: fadeInUp }



@-webkit-keyframes fade-navmenu-in {
from {
opacity:0
}
to {
opacity:1
}
}
@-moz-keyframes fade-navmenu-in {
from {
opacity:0
}
to {
opacity:1
}
}
@-o-keyframes fade-navmenu-in {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fade-navmenu-in {
from {
opacity:0
}
to {
opacity:1
}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/*
 * Force Bootstrap v4 transitions
 * (ignores prefers-reduced-motion media feature)
 * https://gist.github.com/robssanches/33c6c1bf4dd5cf3c259009775883d1c0
 */

.fade {transition:opacity 0.15s linear !important}
.collapsing {transition:height 0.35s ease !important}
.custom-switch .custom-control-label::after {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important; transition:transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; transition:transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out !important}
.custom-range::-webkit-slider-thumb {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.custom-range::-moz-range-thumb {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.custom-range::-ms-thumb {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.custom-control-label::before, .custom-file-label, .custom-select {transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.badge {transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.progress-bar {transition:width 0.6s ease !important}
.progress-bar-animated {-webkit-animation:progress-bar-stripes 1s linear infinite !important; animation:progress-bar-stripes 1s linear infinite !important}
.modal.fade .modal-dialog {transition:-webkit-transform 0.3s ease-out !important; transition:transform 0.3s ease-out !important; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out !important}
.carousel-item {transition:-webkit-transform 0.6s ease-in-out !important; transition:transform 0.6s ease-in-out !important; transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out !important}
.carousel-fade .carousel-item {transition-property:opacity !important}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {transition:0s 0.6s opacity !important}
.carousel-control-prev, .carousel-control-next {transition:opacity 0.15s ease !important}
.carousel-indicators li {transition:opacity 0.6s ease !important}
.form-control {transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}
.btn {transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important}

.carousel-item{
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
    }