:root { --primary: #fcc120; --secondary: #e70014; --title-font: Metropolis; --gradient: linear-gradient(150deg, rgba(253, 188, 24, 1) 0%, rgba(240, 35, 45, 1) 80%); --gradient-blue: linear-gradient(150deg, #26d6f9 0%, #0971f7 80%) }
@font-face { font-family: "Metropolis"; font-style: normal; font-weight: 400; src: url(../webfonts/metropolis/metropolis-regular.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Metropolis"; font-style: normal; font-weight: 700; src: url(../webfonts/metropolis/metropolis-bold.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Metropolis"; font-style: normal; font-weight: 800; src: url(../webfonts/metropolis/metropolis-black.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 400; src: url(../webfonts/AvenirLTStd/AvenirLTStd-Book.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 500; src: url(../webfonts/AvenirLTStd/AvenirLTStd-Roman.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Avenir LT Std"; font-style: normal; font-weight: 700; font-display: swap; src: url(../webfonts/AvenirLTStd/AvenirLTStd-Black.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Avenir LT Std"; color: #707070; font-size: 16px; font-weight: 400 }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.6 }
.light { font-weight: 300 !important }
.normal { font-weight: 400 !important }
.medium { font-weight: 500 !important }
.semi { font-weight: 600 !important }
.bold { font-weight: 700 !important }
.ebold { font-weight: 800 !important }
iframe { border: none }
a, b, div, li, ul { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -moz-outline-: none }
a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover { -moz-outline: none; outline: none }
a { text-decoration: none; outline: 0; color: var(--secondary) }
a:focus, a:hover { text-decoration: none; outline: 0; color: var(--primary) }
.f-12 { font-size: 12px !important }
.f-13 { font-size: 13px !important }
.f-14 { font-size: 14px !important }
.f-15 { font-size: 15px !important }
.f-16 { font-size: 16px !important }
.f-18 { font-size: 18px !important }
.f-20 { font-size: 20px !important }
.f-22 { font-size: 22px !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400 }
.clear-both:after, .clear-both:before { display: table; content: ""; clear: both }
.small-margin { margin-left: -5px !important; margin-right: -5px !important }
.small-margin [class*="col-"] { padding-left: 5px; padding-right: 5px }
.medium-margin { margin-left: -10px !important; margin-right: -10px !important }
.medium-margin [class*="col-"] { padding-left: 10px; padding-right: 10px }
.br-0 { border-radius: 0 !important }
.br-5 { border-radius: 5px !important }
.br-10 { border-radius: 10px !important }
.br-15 { border-radius: 15px !important }
.br-25 { border-radius: 25px !important }
.br-50 { border-radius: 50px !important }
.lh-normal { line-height: normal }
button:focus { outline: none }
.btn { background: var(--gradient); color: #fff; font-size: 16px; padding: 10px 30px; border: 0; font-weight: 500; border-radius: 11px; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out }
.btn-secondary { background: var(--secondary); color: #fff; border: 1px solid var(--secondary) }
.btn-white-outline { background: transparent; color: #fff; border-color: #fff }
.btn-primary-outline { background: transparent; color: var(--primary); border-color: var(--primary) }
.btn:hover { background: var(--gradient-blue) }
.btn-icon { position: relative; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); font-weight: 600; padding: 18px 100px 18px 50px; transition: all .3s; font-family: var(--title-font); font-size: 18px; line-height: normal; transition: all .4s ease-in-out }
.btn-icon:after { content: "\f178"; position: absolute; right: 3px; top: 3px; bottom: 3px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 400; width: 60px; font-family: "Font Awesome 5 Pro"; background: #fff; border-radius: 10px; color: var(--secondary) }
.btn-primary-outline:hover { background: var(--primary); color: #fff; border-color: var(--primary) }
.btn:focus { background: var(--secondary); color: #fff; border-color: var(--secondary) }
.btn-secondary:hover { background: var(--primary); color: #fff; border: 1px solid var(--primary) }
.btn-lg { font-size: 22px }
.border-secondary-color { border-color: var(--secondary) !important }
.border-primary-color { border-color: var(--primary) !important }
.bg-none { background: none !important }
.black { color: #000 !important }
.bg-black { background-color: #000 !important }
.primary-color { color: var(--primary) !important }
.bg-primary-color { background-color: var(--primary) !important }
.secondary-color { color: var(--secondary) !important }
.bg-secondary-color { background-color: var(--secondary) !important }
.bg-gradient { background: var(--gradient) !important }
.scrollup { position: fixed; right: 10px; bottom: 10px; background: var(--primary); font-size: 19px; color: #fff; cursor: pointer; z-index: 999; border: 1px solid transparent; border-radius: 5px; width: 44px; height: 44px; text-align: center; line-height: 43px }
.scrollup a { color: #fff }
.scrollup a:hover { color: #fff }
.small, small { font-size: 12px }
.ls-2 { letter-spacing: 2px }
.title-font { font-family: var(--title-font) }
header { position: absolute; left: 0; right: 0; padding: 10px 0; z-index: 9999; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) }
.navbar-brand img { transition: height .3s }
.main-menu { display: flex; align-items: center; justify-content: center }
@keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%) }
	100% { opacity: .9; transform: translateY(0) }
}
.nav-menu { padding: 0; transition: all .3s ease; background: transparent }
ul.navbar-nav { flex-direction: row; flex-wrap: wrap; font-family: var(--title-font) }
ul.navbar-nav li { padding: 10px 25px }
.navbar-nav .nav-link { position: relative; color: #fff; padding: 0; transition: .3s ease-in }
.navbar-nav .nav-link:before { content: ""; position: absolute; top: -5px; left: 0; width: 0; height: 2px; border-radius: 5px; background-color: var(--primary); transition: width .4s }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-link.active { color: var(--primary); transition: width .4s }
.navbar-nav .nav-link:hover { color: #fff }
.navbar-nav .nav-link:hover:before, .navbar-nav .nav-link.active:before { width: 25px; transition: width .4s }
.mobile-toggle, .mobile-btns { display: none }
@media (min-width:1100px) {
	.navbar-nav .dropdown-menu { position: absolute; display: block; transform: scaleY(0); transform-origin: 0 0; transition: transform .4s; padding: 0 }
	.navbar-nav .dropdown:hover > .dropdown-menu { display: block; transform: scaleY(1); transition: transform .4s }
}
ul.dropdown-menu > li { padding: 8px 15px; font-size: 14px; border-bottom: 1px solid #eee }
ul.dropdown-menu > li > a { display: block; color: #555 }
.dropdown-toggle::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 5px; border: 0 !important; vertical-align: middle; font-size: 10px }
.navbar-nav .nav-link.btn { padding: 10px 25px }
.navbar-nav .nav-link.btn:before { display: none }
footer { background-image: url(../images/footer-bg.jpg); background-position: center bottom; background-size: cover; color: #fff; position: relative }
footer a { color: #fff }
footer a:hover { color: var(--primary) }
.footer-ttl { font-size: 18px; color: var(--primary); font-weight: 600; margin-bottom: 15px }
footer ul li { padding: 5px 0 }
.contact { display: flex }
footer ul .contact i { width: 30px; color: var(--primary); margin-top: 7px }
footer ul .contact span { width: calc(100% - 30px) }
.newsletter-input { position: relative }
.newsletter-input .form-control { font-size: 14px; font-weight: 500; color: #fff; border: 3px solid #fff; border-radius: 10px; position: relative; padding: 0 3rem 0 1rem; height: 46px; background: transparent }
.newsletter-btn { background: var(--gradient-blue); position: absolute; right: 1px; top: 2px; height: 42px; border: 0; width: 42px; border-radius: 10px; font-size: 18px; color: #fff }
.social li a { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin: 8px; color: #fff; font-size: 16px; background: #fff; color: #08192b; transition: ease-in .4s; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) }
.social li a:hover { background: var(--secondary); color: #fff; transition: ease-in .4s }
.copyright-meu { display: flex; align-items: center; font-size: 14px }
.copyright-meu li:after { content: "|"; padding: 0 15px; color: #000 }
.copyright-meu li:last-child:after { display: none }
.copyright-meu li a { color: #000 }

/* LINE ANIMATION */

.lines { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 100vw; z-index: 1; }
.lines .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.lines .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #ff5e14), to(#ff5e14)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ff5e14 75%, #ff5e14 100%); -webkit-animation: run 7s 0s infinite; animation: run 7s 0s infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }
.lines .line:nth-child(1) { margin-left: -45%; }
.lines .line:nth-child(1)::after { -webkit-animation-delay: .5s; animation-delay: .5s; }
.lines .line:nth-child(3) { margin-left: 45%; }
.lines .line:nth-child(3)::after { -webkit-animation-delay: 1s; animation-delay: 1s; }
.lines .line:nth-child(4) { margin-left: 40%; }
.lines .line:nth-child(4)::after { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.lines .line:nth-child(5) { margin-left: -40%; }
.lines .line:nth-child(5)::after { -webkit-animation-delay: 2s; animation-delay: 2s; }
.lines .line:nth-child(6) { margin-left: 35%; }
.lines .line:nth-child(6)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.lines .line:nth-child(7) { margin-left: -35%; }
.lines .line:nth-child(7)::after { -webkit-animation-delay: 3s; animation-delay: 3s; }
.lines .line:nth-child(8) { margin-left: 30%; }
.lines .line:nth-child(8)::after { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.lines .line:nth-child(9) { margin-left: -30%; }
.lines .line:nth-child(9)::after { -webkit-animation-delay: 4s; animation-delay: 4s; }
.lines .line:nth-child(10) { margin-left: 25%; }
.lines .line:nth-child(10)::after { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.lines .line:nth-child(11) { margin-left: -25%; }
.lines .line:nth-child(11)::after { -webkit-animation-delay: 5s; animation-delay: 5s; }
.lines .line:nth-child(12) { margin-left: 20%; }
.lines .line:nth-child(12)::after { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }
.lines .line:nth-child(13) { margin-left: -20%; }
.lines .line:nth-child(13)::after { -webkit-animation-delay: 6s; animation-delay: 6s; }
.lines .line:nth-child(14) { margin-left: 15%; }
.lines .line:nth-child(14)::after { -webkit-animation-delay: 6.5s; animation-delay: 6.5s; }
.lines .line:nth-child(15) { margin-left: -15%; }
.lines .line:nth-child(15)::after { -webkit-animation-delay: 7s; animation-delay: 7s; }
.lines .line:nth-child(16) { margin-left: 10%; }
.lines .line:nth-child(16)::after { -webkit-animation-delay: 7.5s; animation-delay: 7.5s; }
.lines .line:nth-child(17) { margin-left: -10%; }
.lines .line:nth-child(17)::after { -webkit-animation-delay: 8s; animation-delay: 8s; }
.lines .line:nth-child(18) { margin-left: 5%; }
.lines .line:nth-child(18)::after { -webkit-animation-delay: 8.5s; animation-delay: 8.5s; }
.lines .line:nth-child(19) { margin-left: -5%; }
.lines .line:nth-child(19)::after { -webkit-animation-delay: 9s; animation-delay: 9s; }
@-webkit-keyframes run {
	0% { top: -50%; }
	100% { top: 110%; }
}
@keyframes run {
	0% { top: -50%; }
	100% { top: 110%; }
}
.slider_home { position: relative; z-index: 1 }
.home_slider .slider_item:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 0 }
.banner-text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 1 }
.banner-text h5 { opacity: .7; letter-spacing: 3px; text-transform: uppercase; font-size: 18px }
.banner-text h1 { font-size: 50px; line-height: normal }
.banner-text .btn-icon { background: transparent; color: #fff; box-shadow: inset 0 0 0 3px #fff }
.banner-text .btn-icon:hover { background: rgba(255, 255, 255, 0.15) }
.banner-text .btn-icon:after { background: var(--gradient-blue); color: #fff }
.owl-carousel .owl-nav button[class*="owl-"] { position: absolute; top: 50%; transform: translateY(-50%); left: -.6rem; font-size: 20px; color: #fff; width: 40px; height: 40px; border: 1px solid var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--secondary) }
.owl-carousel .owl-nav button.owl-next { left: auto; right: -.6rem }
.owl-carousel .owl-nav button[class*="owl-"].disabled { color: #ccc; }
.product_slider { position: relative }
.product_slider .owl-nav { position: absolute; top: 2.2rem; right: 1rem; width: 80px }
.product_slider .owl-nav button[class*="owl-"] { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.09); color: var(--secondary); display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 0; margin-right: 10px }
.product_slider .owl-nav .owl-next, .product_slider .owl-nav .owl-prev { position: absolute; border-radius: 5px }
.owl-carousel .owl-nav button[class*="owl-"]:hover { background: var(--primary); color: #fff; border-color: var(--primary) }
.owl-carousel .owl-dots { margin: 0 auto; display: block; text-align: center; position: absolute; bottom: 50px; left: 0; right: 0 }
.owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; background: transparent; opacity: .7; margin: 0 5px; border-radius: 50%; transition: width .4s; border: 2px solid #fff }
.owl-carousel .owl-dots .owl-dot.active { opacity: 1; width: 40px; transition: width .4s; border-radius: 10px; background: var(--primary); border-color: var(--primary) }
.img-centered { display: flex; align-items: center; justify-content: center }
.welcome-section { position: relative; z-index: 1 }
.welcome-section:after { content: ""; background-image: url(../images/pattern.png); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 }
.welcome-section h2 { font-size: 36px; font-weight: 800; color: #242222; line-height: normal; text-align: center }
.about-section { margin-top: -4rem; position: relative; z-index: 1 }
.about-item { box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.15); border: 2px solid; padding: 20px; border-radius: 10px; overflow: hidden; position: relative; background: #fff }
.about-green { color: #287b05; border-color: #287b05 }
.about-green:hover { color: #fff; background: #287b05 }
.about-red { color: #e70014; border-color: #e70014 }
.about-red:hover { color: #fff; background: #e70014 }
.about-blue { color: #1877cb; border-color: #1877cb }
.about-blue:hover { color: #fff; background: #1877cb }
.about-item:hover { color: #fff }
.icon-serv svg { height: 50px; margin-bottom: 25px }
.why-desc h4 { font-size: 20px; line-height: normal; font-weight: 700 }
.about-no { color: #242222; opacity: .08; font-size: 95px; font-weight: 700; position: absolute; top: -21px; left: 0; line-height: 1; z-index: 5 }
.about-link { opacity: 0; position: absolute; right: -0; bottom: -0; background: #fff; width: 40px; height: 40px; border-radius: 10px; color: var(--secondary); z-index: 5; display: flex; align-items: center; justify-content: center }
.about-item:hover .about-link { opacity: 1 }
.product-section { background: #f9fafa }
.ttl { color: var(--secondary); text-transform: uppercase; font-size: 18px; letter-spacing: 2px; opacity: .7 }
.m-ttl { color: #242222 }
ol.about-ul { list-style: none; padding: 0; counter-reset: my-awesome-counter }
ol.about-ul li { padding: 10px 0 10px 35px; counter-increment: my-awesome-counter; position: relative }
ol.about-ul li:before { content: "0"counter(my-awesome-counter); position: absolute; left: 0; top: 10px; font-weight: 800; color: #018701 }
ol.about-ul li:nth-child(2):before { color: #fca120 }
ol.about-ul li:nth-child(3):before { color: #1877cb }
ol.about-ul li:nth-child(4):before { color: #d54631 }
.service-bg { background-image: url(../images/service-bg.jpg); background-size: cover; background-position: center; border-bottom: 10px solid var(--primary) }
.service-block .about-item { margin-bottom: 30px }
.service-block .about-item p { color: #929292; font-size: 14px }
.service-block .why-desc { color: #000; height: 65px }
.line { width: 40px; height: 3px; border-radius: 5px }
.item-hover { opacity: 0; position: absolute; top: -0; right: -0; bottom: -0; left: -0; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 4 }
.service-block .about-item:hover .item-hover { opacity: 1 }
.service-block .icon-serv { width: 85px; height: 85px; margin: 0 auto 15px; position: relative; border-radius: 10px; display: flex; align-items: center; justify-content: center }
.service-block .icon-serv svg { margin-bottom: 0; height: 45px }
.service-block .icon-serv:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .1; border-radius: 10px }
.service-block .about-item:hover { border: 0 }
.service-block .about-item { border-color: #287b05; color: #287b05 }
.service-block .item-hover, .service-block .about-item .icon-serv:after { background: #287b05 }
.service-block [class*="col-"]:nth-child(2) .about-item { border-color: #df8a0a; color: #df8a0a }
.service-block [class*="col-"]:nth-child(2) .item-hover, .service-block [class*="col-"]:nth-child(2) .about-item .icon-serv:after { background: #df8a0a }
.service-block [class*="col-"]:nth-child(3) .about-item { border-color: #0376aa; color: #0376aa }
.service-block [class*="col-"]:nth-child(3) .item-hover, .service-block [class*="col-"]:nth-child(3) .about-item .icon-serv:after { background: #0376aa }
.service-block [class*="col-"]:nth-child(4) .about-item { border-color: #af0e6a; color: #af0e6a }
.service-block [class*="col-"]:nth-child(4) .item-hover, .service-block [class*="col-"]:nth-child(4) .about-item .icon-serv:after { background: #af0e6a }
.service-block [class*="col-"]:nth-child(5) .about-item { border-color: #db4f3a; color: #db4f3a }
.service-block [class*="col-"]:nth-child(5) .item-hover, .service-block [class*="col-"]:nth-child(5) .about-item .icon-serv:after { background: #db4f3a }
.service-block [class*="col-"]:nth-child(6) .about-item { border-color: #88154e; color: #88154e }
.service-block [class*="col-"]:nth-child(6) .item-hover, .service-block [class*="col-"]:nth-child(6) .about-item .icon-serv:after { background: #88154e }
.service-block [class*="col-"]:nth-child(7) .about-item { border-color: #e70014; color: #e70014 }
.service-block [class*="col-"]:nth-child(7) .item-hover, .service-block [class*="col-"]:nth-child(7) .about-item .icon-serv:after { background: #e70014 }
.parallex { background-image: url(../images/builidng.jpg); background-size: cover; background-position: center }
@media (min-width:1100px) {
	.parallex { background-attachment: fixed }
}
.testimonial-section { background-image: url(../images/testimonial-bg.jpg); background-size: cover; background-position: center }
.testimonial-section .owl-nav { display: flex }
.testimonial-section .owl-nav [class*="owl-"] { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.09); color: var(--secondary); display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 0; margin-right: 10px }
.product_slider .owl-nav [class*="owl-"] { position: relative }
.testi_img { display: flex; align-items: center; font-size: 12px }
.testi_img h6 { color: #000 }
.owl-carousel .testi_img img { width: 50px; height: 50px; border-radius: 10px; margin-right: 15px }
.testi_wrp { box-shadow: -3px 3px 20px rgba(0, 0, 0, 0.07); background: #fff; padding: 20px 50px; border-radius: 10px }
.testi_wrp:before { content: "\f10d"; font-family: "Font Awesome 5 Pro"; font-size: 40px; margin-bottom: 15px; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700 }
.testi_desc { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px }
.testimonial-section .owl-carousel .owl-item { transform: scale(0.8); transition: transform .4s }
.testimonial-section .owl-carousel .owl-item.center { transform: scale(1); transition: transform .4s }
.counter { display: flex; align-items: center }
.counter-icon { margin-right: 15px }
.counter-icon svg { height: 40px }
.count-no { color: #000; font-size: 50px; font-weight: 800; line-height: normal }
.counter-desc { color: #9c9c9c; font-weight: 400; font-size: 16px }
@media (min-width:1400px) {
	.container { max-width: 1200px }
}
@media (min-width:1024px) {
	.full-right { width: 100vw; left: 0 }
	.testi_carousel .owl-stage-outer .owl-stage { margin-left: -120px }
}
@media (min-width:768px) and (max-width:1025px) {
	.container { max-width: 100% }
	.service-sect { margin-top: -8rem }
	.ambadors-img:after { width: 100%; background-size: cover }
	.paddle-img { top: -60px }
	.full-right {  width: 120vw;  left: 0;	}
	.testi_carousel .owl-stage-outer .owl-stage {
	    margin-left: -35px;
	}
}
@media (max-width:1024px) {
	html, body { overflow-x: hidden }
	.menushow { overflow: hidden }
	.mobile-toggle { width: 30px; height: 30px; margin: 0; cursor: pointer; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; justify-content: center }
	.mobile-toggle div { width: 22px; height: 2px; background: var(--secondary); margin: 3px 0; transition: all .3s; backface-visibility: hidden; -webkit-backface-visibility: hidden }
	.home .mobile-toggle div { background: #fff }
	.mobile-toggle.show .one { transform: rotate(45deg) translate(5px, 5px) }
	.mobile-toggle.show .two { opacity: 0 }
	.mobile-toggle.show .three { transform: rotate(-45deg) translate(6px, -6px) }
	.main-menu { color: #fff; margin: auto; max-width: 100%; padding: 20px; position: fixed; background: #303030; z-index: 999; transition: all ease .5s; top: 0; left: 0; bottom: 0; height: 100%; width: 300px; transform: translateX(-150%); overflow-y: auto; display: flex; flex-direction: column; justify-content: flex-start; text-align: left; box-shadow: 0 3px 50px rgba(28, 35, 44, 0.5) }
	.main-menu.show { transform: translateX(0); visibility: visible; -webkit-overflow-scrolling: touch }
	.main-menu ul.navbar-nav { margin: 0; flex-direction: column; align-items: flex-start !important; width: 100% }
	ul.navbar-nav > li { padding: 6px }
	.main-menu ul.navbar-nav > li { display: block; width: 100% }
	.navbar-nav .nav-link, .navbar-nav .nav-link:focus { color: #fff; font-size: 14px }
	.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav li.current-menu-item .nav-link, .navbar-nav li.current-menu-item .nav-link:after, .navbar-nav .nav-link:hover:after { width: 100%; transition: .3s width; color: var(--primary); font-weight: 700 }
	.mobile-btns { display: flex; align-items: center }
	.navbar-collapse .navbar-nav .notification .dropdown-menu { position: fixed; min-width: auto; left: 0; right: 0; top: 70px }
	.navbar-brand img { height: 50px }
	.navigation { padding: 5px 0; }
}
@media (max-width:992px) {
	body { font-size: 14px }
	.h1, h1 { font-size: 1.8rem }
	.h2, h2 { font-size: 1.6rem }
	.h3, h3 { font-size: 1.2rem }
	.h4, h4 { font-size: 1.2rem }
	.h5, h5 { font-size: 1rem }
	.navigation .main-menu .btn { width: 100% }
}
@media (max-width:768px) {
	.banner-text h1 { font-size: 42px }
	#back2top { right: 10px }
	#back2top.active { bottom: 10px }
	.header-top { padding: 5px 0 }
	.header-bottom > .container { padding: 10px 15px }
	.navbar-brand { font-size: 14px }
	footer { font-size: 13px }
	.footer-ttl { font-size: 14px;margin-bottom: 5px; }
	footer ul li {padding: 2px 0;}
	footer ul .contact i {margin-top: 3px;}
	.copyright-meu { align-items: center; justify-content: center;flex-wrap: wrap;font-size: 12px; }
	.copyright-meu li:after {padding: 0 10px;}
	.about-item { padding: 25px 15px; }
	.about-no { font-size: 60px; top: -10px; }
	.icon-serv svg { height: 40px; margin-bottom: 10px; }
	.why-desc h4 { font-size: 14px; margin-bottom: 0; }
	.ttl { font-size: 14px; letter-spacing: 2px }
	.service-block .about-item { margin-bottom: 20px; }
	.service-block .why-desc { height: auto; }
	.service-block .why-desc h4 { font-size: 18px; margin-bottom: 10px; }
	.service-block .about-item p { margin-bottom: 0; }
	.m-ttl { color: #242222; font-size: 22px; line-height: normal; margin-bottom: 15px; }
	.product_slider .owl-nav { top: unset;    right: unset;    inset: auto 0 2rem 0;    margin: 20px auto;    position: relative; }
	.testimonial-section { position: relative; }
	.testi_wrp { padding: 20px; }
	.testimonial-section .owl-carousel .owl-item { transform-origin: 75px center; }
	.testimonial-section .owl-carousel .owl-item.center { margin-left: -25px; }
	.testimonial-section>.container>.row>.col-md-4>.owl-nav { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; }
	.slider_product { padding: 0 15px }
	.banner-text { top: 60%; }
	.banner-text h1 { font-size: 18px }
	.welcome-section h2 { font-size: 22px }
	.banner-text h5 { font-size: 12px; letter-spacing: 1px; }
	.slider_item .banner-img { height: 50vh; object-fit: cover; }
	.owl-carousel .owl-dots { bottom: 5px }
	.counter { margin: 10px 0; }
	.count-no { font-size: 24px; }
	.counter-desc { font-size: 12px; }
	.counter-icon svg { height: 30px; }
}
@media (max-width:480px) {
	.btn-icon { font-size: 14px; padding: 15px 80px 15px 40px; }
	.btn-icon:after { font-size: 20px; width: 45px; }
	.scrollup {width: 30px; height: 30px;line-height: 33px;}
}