/*! html5resetcss
-------------------------------------------------- */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: 0 0;}
body{ line-height: 1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block;}
nav ul{ list-style: none;}
blockquote,q{ quotes: none;}
blockquote:after,blockquote:before,q:after,q:before{ content: none;}
a{ margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: 0 0;color:#0756ad;}
ins{ background-color: #ff9;color: #000;text-decoration: none;}
mark{ background-color: #ff9;color: #000;font-style: italic;font-weight: 700;}
del{ text-decoration: line-through;}
abbr[title],dfn[title]{ border-bottom: 1px dotted;cursor: help;}
table{ border-collapse: collapse;border-spacing: 0;}
hr{ display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
input,select{ vertical-align: middle;}
/*! General 
-------------------------------------------------- */
html{ line-height: 1.15;-webkit-text-size-adjust: 100%;box-sizing: border-box;scroll-behavior: smooth;}
body{ font-family: 'Roboto Condensed',sans-serif;font-size: 1.2rem;line-height: 1.5;margin: 0;padding: 0;font-smooth: auto;}
img{ border-style: none;}
fieldset{ padding: .35em .75em .625em;}
legend{ box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
h1,h2,h3,h4,h5,h6{ clear: both;clear: both;color: #000;font-weight: 600;margin-top: 24px;margin-bottom: 15px;}
h1{ font-size: 32px;padding-bottom: 10px;margin: .67em 0;}
h2{ font-size: 3rem;font-weight: 700;line-height: 1.1;margin-bottom: 1em;text-align: center;}
h3{ font-size: 1.2rem;line-height: 1.2;font-weight: 700;margin-bottom: .75em;}
h4{ font-size: 16px;line-height: 20px;}
h5{ font-size: 14px;line-height: 17.5px;}
p{ margin-bottom: 1.5em;}
ol,ul{ margin: 0 0 1.5em 3em;}
ul{ list-style: square;padding-left: 0;margin-left: 0;}
li{ margin-left: 0;padding-left: 1.5rem;margin-bottom: .7rem;position: relative;}
ul.cont{ list-style: none;padding-left: 0;margin-left: 0;}
ul.cont li{ margin-left: 0;padding-left: 1.5rem;margin-bottom: .7rem;position: relative;}
ul.cont li:before{ display: inline-block;content: "";vertical-align: -.125em;background-image: url("data:image/svg+xml,<svg viewBox='0 0 17 9' fill='orange' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z' clip-rule='evenodd'/></svg>");background-repeat: no-repeat;background-size: 2rem 2rem;height: 2rem;width: 2rem;}
ol{ list-style: decimal;}
li > ol,li > ul{ margin-bottom: 0;margin-left: 1.5em;}
/*! Form 
-------------------------------------------------- */
label{ font-weight: 700;margin-bottom: .5rem;margin-top: .5rem;}
label span{ color: #dc143c;}
select{ border: 1px solid #ccc;}
.form-group{ margin-bottom: 1rem;}
/*! bootstrap 
-------------------------------------------------- */
.btn-primary{ color: #fff !important;background-color: #007bbc;border-color: #007bbc;}
.btn-primary:visited{ color: #000;}
.btn-primary:hover{ color: #fff;background-color: #0f314c;border-color: #0f314c;}
.fixed-top{box-shadow: 0 0px 3px 1px rgb(0 0 0 / 10%);padding:0;}
.fixed-top .nav-item {margin-bottom: 0;}
.nav-link,.nav-link:focus,.nav-link:hover{ color: inherit;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.75);}
.navbar-light .navbar-nav .nav-link:hover {color: rgba(0,0,0,.99);}
.navbar-light .navbar-toggler {margin-right: 0.5em;}
/*! sections 
-------------------------------------------------- */
section{ padding: 6em 0 6em 0;}
.single-services-box{ text-align: center;}
.single-services-box .icon{ margin: 1.5em;color: #00b8ff;}
.single-services-box p{ font-size: 1.1rem;line-height: 1.5;font-weight: 400;}
#solution,#customer{background-color: #f8f9fa;}
#solution h3{ font-size: 32px;font-weight: 700;color: #000;}
.single-product-box div{ background-color: #fff;padding: 2.5em;margin: 1em 0;}
.single-product-box div:nth-child(1){ border-right: none;}
.single-product-box div:nth-child(2){ border-right: 1em solid #00b8ff;}
.single-product-box div:nth-child(3){ border-right: 1em solid #0f314c;}
.single-product-box div:nth-child(4){ border-right: 1em solid #000;}
.single-product-box div:nth-child(5){ border-right: 1em solid #b6d7a8;}
#testimonials{ margin-top: 2em;}
#testimonials .carousel-item img{ max-width: 300px;}
#testimonials .carousel-item p{ margin: 0.2em 10% 1em 10%;}
#about{ color: #fff;background: no-repeat;background-size: cover;background-image: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.8)),url(../img/banner_bg.webp);}
#about h2{ color: #fff;}
#about p {font-size: 1rem;}
#about a {color:#fff;}
.annotation{ font-size: 1rem;font-style: italic;}
.summa{position:absolute;left:-9999px;top:-9999px;}
/*! footer 
-------------------------------------------------- */
footer{ background-color: #000;color: #fff;padding: 1em 0 2em 0;}
footer a{ color: #fff!important; }
footer .copyright p{ font-size: .8em;}
footer .logo{ max-width: 175px;}
footer ul{ justify-content: space-around;margin: auto;}
footer ul li{ list-style: none;}
footer ul li a{ color: #fff;font-size: 1.2rem;}
footer ul li a:hover{ color: #00b8ff;}
/*! MODAL 
-------------------------------------------------- */
.modal-body p { font-size: 1rem;}
.modal-body h2 {font-size:1.5rem;text-align:initial;margin-top: 1.6em;}
@media (min-width: 576px){.modal-dialog {max-width: 1140px;margin: 1.75rem auto;}}
/*! CUSTOMIZE THE CAROUSEL 
-------------------------------------------------- */
/*! carousel general */
.carousel-control-next,.carousel-control-prev{width: 10%;opacity: 1;background-color:#f8f9fa;}
.carousel-control-next-icon,.carousel-control-prev-icon{ background-image: none;}
.carousel-control-next-icon::before,.carousel-control-prev-icon::before{ color: #bbdded;display: inline-block;content: "";vertical-align: -.125em;background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' clip-rule='evenodd'/></svg>");background-repeat: no-repeat;background-size: 2rem 2rem;height: 2rem;width: 2rem;}
.carousel-control-next-icon:hover::before,.carousel-control-prev-icon:hover::before{ opacity: .8;}
.carousel-control-prev-icon::before{ background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' clip-rule='evenodd'/></svg>");}
.carousel-control-next-icon::before{ background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");}
.carousel-item span{ display: block;font-weight: 700;}
.carousel-item h1 span{display: block;font-weight: normal;margin-top: 1.25rem;font-size: 2rem;line-height: 1.4;color: white;}
.carousel-indicators .active{ background-color: #bbdded;}
.carousel-indicators{bottom: -50px;}
.carousel-indicators li{ background-color: #ddeef670;}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{ opacity: 1;}
/*! Carousel base class */
#home-carousel .carousel{ margin-bottom: 4rem;}
#home-carousel .carousel-indicators li{ background-color: transparent}
#home-carousel .carousel-control-next, #home-carousel .carousel-control-prev{width: 10%;opacity: 1;background-color:transparent}
.sr-only{ display: none;}
/*! Since positioning the image, we need to help out the caption */
#home-carousel .carousel-caption{ bottom: 4rem;z-index: 10;}
/*! Fix add image */
#home-carousel .caption-image { bottom: 1em;}
#home-carousel .caption-image h1 {padding-bottom: 0.2em;margin: 0;}
#home-carousel .caption-image h1 span {font-weight: bold;}
#home-carousel .caption-image p {font-size:1.3rem!important} 
/*! Declare heights because of positioning of img element */
#home-carousel .carousel-item{ height: 29rem;background-color: #000;}
#home-carousel .carousel-item > img{ position: absolute;top: 0;left: 0;min-width: 100%;height: 29rem;}
#home-carousel .carousel-item-one{ color: #fff;background: no-repeat;background-size: cover;background-position: left;background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.7)),url(../img/banner_bg.webp);}
#home-carousel .carousel-item-two{ color: #fff;background: no-repeat;background-size: cover;background-position: left;background-image: url(../img/banner_adward.webp);}
#home-carousel .carousel-control-prev-icon::before{ background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z' clip-rule='evenodd'/></svg>");}
#home-carousel .carousel-control-next-icon::before{ background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23999' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");}
/*! RESPONSIVE CSS
-------------------------------------------------- */
@media(min-width:40em){#home-carousel .carousel-caption p{margin-bottom:1.25rem;font-size:2rem;line-height:1.4;}}
@media (max-width: 767.98px){#home-carousel .caption-image { bottom: 0;} #home-carousel .carousel-item h1 span {font-size: 1.6rem;}#home-carousel .caption-image p {font-size:1.2rem!important}} 
/*! 404 PAGE
-------------------------------------------------- */
.minh-100 {height: 100vh;}
.pg404 h1 {font-size: 3em;text-align: center;margin-bottom: 1em;}
.pg404 p {text-align: center;margin-bottom: 1em;}
.pg404 img {width: 45%;margin-bottom: 2em;}
@media (max-width: 767.98px) {.pg404 h1{font-size: 2em;text-align: center;margin-bottom: 1em;}}
/*! privacy-policy CSS
-------------------------------------------------- */
.privacy-policy {padding: 5em 0 6em 0;}
.privacy-policy h1 {font-size:3rem;text-align:center}
.privacy-policy h2 {font-size:2rem;text-align:inherit;margin-top:1.75em}
/*! cookie-consent CSS
-------------------------------------------------- */
.termsfeed-com---palette-light .cc-nb-okagree, .termsfeed-com---palette-light .cc-nb-reject, .termsfeed-com---palette-light .cc-cp-foot-save {color: #fff!important;background-color: #007bbc!important;}
.termsfeed-com---palette-light.termsfeed-com---nb {background-color: #f8f9fa!important;color: #111!important;}
.termsfeed-com---palette-light .cc-pc-head-lang select:focus {box-shadow: 0 0 0 2px #007bbc!important;}
.termsfeed-com---palette-light .cc-cp-body-tabs-item-link:focus {box-shadow: none!important;}
.termsfeed-com---palette-light .cc-cp-body-tabs {border-right: 1px solid #ccc!important;}
.termsfeed-com---palette-light .cc-pc-head-title-text {font-size: 1.4em!important;font-weight: bold!important;}