html { overflow-x: hidden !important; width: 100%; height: 100%; position: relative; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { border: 0; color: #788487; font-size: 16px; font-weight: 400; font-family: "Rubik", sans-serif; line-height: 26px; margin: 0; padding: 0; position: relative; }
a { text-decoration: none; transition: all 0.2s; }
a:hover { color: #fe4a49b; text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { max-width: 100%; }
ul, li { list-style: none; margin: 0; padding: 0; }
p { font-size: 15px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 400; margin-bottom: 0px; color: #232323; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.fc1 { color: #001730; }
.fc2 { color: #4ad7d1; }
.fc3 { color: #fe4a49; }
.bc1 { background-color: #001730; }
.bc2 { background-color: #4ad7d1; }
.bc3 { background-color: #fe4a49; }

.fc-white { color: #fff; }
.bc-white { background-color: #fff; }
.bc-shade { background: #f4f8fb; }

.cam { font-size: 2em; display: inline-block; width: 30px; vertical-align: text-bottom; text-align: center; }

.navbar-brand { display: none; }

.banner { width: 100%; height: 525px; }
.banner-title { display: none; }
.banner-title h2 { border-radius: 2px; font-size: 34px; font-weight: 500; padding: 10px 20px; opacity: 0.7; }
.banner-home { background: url("../images/banner-home.jpg") no-repeat center top; background-size: cover;  }
.banner-solutions { background: url("../images/banner-solutions.jpg") no-repeat center top; background-size: cover;  }
.banner-about { background: url("../images/banner-about.jpg") no-repeat center top; background-size: cover;  }
.banner-contact-us { background: url("../images/banner-contact-us.jpg") no-repeat center top; background-size: cover;  }
.banner-privacy { background: url("../images/banner-privacy.jpg") no-repeat center top; background-size: cover;  }

.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/overlay.png") no-repeat; }

.service-box { margin-bottom: 20px; text-align: center; padding: 10px 25px; transition: all .3s ease 0s; }

.blog-block { overflow: hidden; transition: all .3s ease 0s; }
.blog-text { padding: 20px; }
.blog-text .blog-head { margin-right: 10px; font-weight: 600; }

.map-block { background-color: #fff; border: 1px solid #999; width: 100%; max-width: 520px; height: 500px; }

.section-padding { padding: 50px 0px 30px 0px; }
.section-heading { text-align: center; width: 70%; margin: 0 auto 60px; }
.section-title { font-size: 32px; line-height: 38px; margin-bottom: 15px; text-transform: capitalize; }

.line {width: 50px; height: 1px; margin: 10px auto; }

.solution-item { min-height: 230px; margin-bottom: 20px; }
.solution-item img { float: left; margin: 0 20px 10px 0; }
.solution-item h4 { padding-bottom: 10px; }
.solution-item p { display: flex; }
.solution-left, .solution-right { padding-left: 20px; padding-right: 20px; }

.about-content, .about-item { margin-bottom: 30px; }
.about-left, .about-right, .about-content { padding-left: 20px; padding-right: 20px; }
.about-p { padding-left: 3em; padding-bottom: 10px; display: inline-block; }

.contact-item { margin-bottom: 30px; }
.contact-item img { float: left; margin: 0 20px 4px 0; }
.contact-left, .contact-right { padding-left: 20px; padding-right: 20px; }

.round { border-radius: 40px; padding: 10px 36px; } 

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.pt10 { padding-top: 10px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }

.pb10 { padding-bottom: 10px; }
.pb70 { padding-bottom: 70px; }
.pb90 { padding-bottom: 90px; }

.ls-disc li { list-style: disc inside; }

.site-navigation, .tr-navigation { padding: 20px 0px; transition: all .5s ease 0s; }
.site-navigation .navbar-nav a.active-link, .tr-navigation .navbar-nav a.active-link { color: #4ad7d1 !important; }

.navbar-toggler { padding: .1em .3em; }
.navbar-expand-lg.tr-navigation .navbar-nav .nav-link, .navbar-expand-lg.site-navigation .navbar-nav .nav-link { padding: 10px 0 10px 36px; }
.navbar-expand-lg.tr-navigation .navbar-nav .nav-item:last-child .nav-link { padding: 10px 36px; }
.navbar-expand-lg.tr-navigation .navbar-nav .nav-link { color: #fff; }

.icofont-rounded-right { padding-right: 1px; }
.header-w { position: fixed; top: 0px;  z-index: 9999; width: 100%; left: 0; transition: all .5s ease 0s; color: #000 !important; }

.tr-navigation { background: transparent; }
.tr-navigation.header-w { background: #001730; }
.tr-navigation.header-w .navbar-nav .nav-link { color: #fff; }
.tr-navigation.header-w .navbar-nav a.active-link { color: #4ad7d1 !important; }

.nav-item { background-color: #001730; }
.nav-item:first-child { border-radius: 40px 0 0 40px; }
.nav-item:last-child { border-radius: 0 40px 40px 0; }

.footer-section { padding: 60px 0 50px 0; background: #001730 url("../images/overlay2.png") no-repeat; background-size: cover; }
.footer-text { text-align: center; }
.footer-text ul { margin-bottom: 18px; }
.footer-text ul li { list-style: none; display: inline-block; margin: 0 25px }
.footer-text ul li a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; }
.footer-text ul li a, .footer-text .copyright-text, .footer-text .copyright-text a { color: #fff; }
.footer-text .copyright-text { font-size: 14px; margin-bottom: 28px }
.footer-text .ft-social a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; border: 1px solid #45464e; border-radius: 50%; margin-right: 15px; }

/* mq */
/* extra large devices (large desktops, 1200px and up)*/
/* large devices (desktops, 992px and up)*/
/* medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .tr-navigation { background: #001730; }
  .navbar-toggler { background: #fff; border-radius: 0px; }
  .navbar-toggler-icon { height: auto; padding: 10px 0px; }
  .navbar-expand-lg.tr-navigation .navbar-nav .nav-link { margin-top: 10px; }
  .navbar-brand { display: inline; }
  .banner { width: 100%; height: 300px; margin-top: 100px; }
  .banner-title { display: flex; height: 100%; justify-content: center; align-items: center; }
  .overlay { display: none; }
  .section-padding { padding: 10px 0px; }
  .section-heading { width: 100%; }
  .blog-text { padding: 0px; margin-top: 10px; }
  .blog-text p { font-size: 14px; }
  .solution-item p { display: inline; }
}

/* small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .tr-navigation {background: #001730; }
  .navbar-toggler { background: #fff; border-radius: 0px; }
  .navbar-toggler-icon { height: auto; padding: 10px 0px; }
  .navbar-expand-lg.tr-navigation .navbar-nav .nav-link { margin-top: 10px; }
  .navbar-brand { display: inline; }
  .banner { width: 100%; height: 300px; margin-top: 100px; }
  .banner-title { display: flex; height: 100%; justify-content: center; align-items: center; }
  .overlay { display: none; }
  .section-padding { padding: 10px 0px; }
  .section-heading { width: 100%; }
  .blog-block { margin-bottom: 30px; }
  .blog-text { padding: 0px; margin-top: 10px; }
  .blog-text p { font-size: 14px; }
  .solution-item p { display: inline; }
 }

/* extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .tr-navigation { background: #001730; padding: 20px 15px; }
  .navbar-toggler { background: #fff; border-radius: 0px; }
  .navbar-toggler-icon { height: auto; padding: 10px 0px; }
  .navbar-brand { display: inline; }
  .navbar-expand-lg.tr-navigation .navbar-nav .nav-link { margin-top: 10px; }
  .banner { width: 100%; height: 300px; margin-top: 100px; }
  .banner-title { display: flex; height: 100%; justify-content: center; align-items: center; }
  .overlay { display: none; }
  .section-padding { padding: 10px 0px; }
  .section-title { font-size: 26px; line-height: 36px; }
  .service-block { margin-bottom: 20px; }
  .blog-block { margin-bottom: 30px; }
  .blog-text { padding: 10px; margin-top: 10px; text-align: center; }
  .blog-text p { font-size: 14px; }
  .solution-item p { display: inline; }
  .img-block img { width: 130px; }
  h1 { font-size: 32px;line-height: 36px; }
}