/*



Tooplate 2111 Pro Line



http://www.tooplate.com/view/2111-pro-line



*/



body {

/*  font-family: "Open Sans", sans-serif; */

  font-family: 'Poppins';

  font-size: 15px;

  color: #626262;

  overflow-x: hidden;

}



textarea {

/*  font-family: "Open Sans", sans-serif; */

  font-family: 'Poppins';

}



a:hover {

  text-decoration: none;

}



.tm-footer-link {

  color: #626262;

}



button {

  border: none;

}



a,

button {

  cursor: pointer;

}



h2 {

  font-size: 2.4rem;

}



h3 {

  font-size: 1.3rem;

}



p {

  line-height: 1.7;

  margin-bottom: 35px;

}



p:last-child {

  margin-bottom: 0;

}



.tm-page-header {

  color: #444444;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 45px;

}



.tm-nav-section {

  position: absolute;

  top: 15px;

  left: 0;

  width: 100%;

  border-top: 1px solid #909090;

  border-bottom: 1px solid #909090;

  background-color: white;

  z-index: 3000;

}



.tm-nav-section.sticky {

  position: fixed;

  top: 0;

  border-top: none;

  background: white;

}



.navbar-expand-md .navbar-nav .nav-link {

  padding: 10px 25px;

}



.navbar-light .navbar-nav .nav-link {

  color: rgba(49, 22, 72, 182);

}



#tmMainNav .nav-link.current,

#tmMainNav .nav-link:hover {

  color: #0662b9;

  /* background: #eaeaea; */

  background: rgb(247, 244, 224);

}



.navbar-light .navbar-toggler {

  background-color: white;

}



.navbar {

  padding-top: 3px;

  padding-bottom: 3px;

}



.tm-navbar-nav {

  font-size: 1.0rem;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  max-width: 230px;

}



.tm-banner-section {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  overflow: hidden;

  margin-top: 75px;

}



.tm-banner-section video {

  position: absolute;

  left: 50%;

  top: 60%;

  transform: translate(-50%, -60%);

  max-width: 150%;

  max-height: 150%;

}



.tm-banner-text-container {

  position: relative;

  z-index: 1000;

  color: white;

  text-align: center;

  max-width: 520px;

}



.tm-banner-title {

  font-size: 3rem;

  font-weight: 300;

  margin-bottom: 40px;

}



.tm-banner-subtitle {

  font-size: 1.5rem;

  font-weight: 300;

  max-width: 500px;

}



.tm-features-section {

  padding-top: 1px;

  padding-bottom: 8px;

  margin-top: 30px;

}





.tm-features-row {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.tm-feature-block {

  max-width: 550px;

  margin-bottom: 40px;

  background-color:#ffffff;

  border: 1px solid #c7c7c7;

  padding: 30px 20px;

  margin-bottom: 38px;

}



.tm-feature-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: rgba(49, 22, 72, 182);

  margin-bottom: 15px;

}



.tm-feature-header-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: rgba(49, 22, 72, 182);

  margin-bottom: 10px;

}



.tm-feature-h {

  font-size: 1.8rem;

}



.tm-feature-icon {

  margin-right: 30px;

}



#activities {

  padding-top: 50px;

}



.tm-parallax {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

  height: 140px;

  background-image: url(../img/img-activities.jpg);

  margin-bottom: 18px;

  position: relative;

}



.tm-parallax-header {

  background: rgba(0, 0, 0, 0.1);

  width: 100%;

  height: 100%;

  color: rgba(49, 22, 72, 182);

  display: flex;

  align-items: center;

  justify-content: center;

}



.tm-text-blue {

  color: #108ac1;

}



.tm-text-back {

  color: rgba(49, 22, 72, 182);

}



.tm-activity-block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border: 1px solid #c7c7c7;

  padding: 30px 20px;

  margin-bottom: 38px;

  background-color:#ffffff;

}



.tm-activity-block-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: flex-start;

  border: 1px solid #c7c7c7;

  padding: 10px 10px;

  margin-bottom: 28px;

  background-color:#ffffff;

  text-align: justify;

}



.tm-activity-block-3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: flex-start;

  border: 1px solid #c7c7c7;

  padding: 10px 10px;

  margin-bottom: 28px;

  background-color:#ffffff;

  text-align: justify;

}



.tm-activity-block-text {

  padding-left: 24px;

  padding-right: 24px;

}



.tm-activity-block-text h3 {

  margin-bottom: 20px;

}



.tm-activity-img-container {

  width: 180px;

  height: 180px;

}



.tm-company-section {

  padding-top: 1px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 68px;

  position: relative;

}



.tm-company-about {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.tm-company-about-text {

  padding: 35px;

}



.tm-company-about-header {

  margin-bottom: 28px;

}



.tm-company-img-container img {

  width: 400px;

  height: 400px;

  text-align: center;

}



.tm-btn {

  border: 1px solid #c6c6c6;

  border-radius: 0;

  background-color: transparent;

  color: #6c6c6c;

  padding: 10px 30px;

}



.tm-btn-big {

  font-size: 1.3rem;

  padding: 12px 40px;

}



.tm-btn:hover {

  color: #5e5e5e;

  background-color: #eaeaea;

}



.tm-float-right {

  float: right;

}



.tm-company-right-inner {

  border: 1px solid #c7c7c7;

}



.nav-tabs .nav-link {

  border-radius: 0;

  border: none;

  padding-top: 20px;

  padding-bottom: 20px;

  font-size: 1.3rem;

  color: rgba(49, 22, 72, 182);

  background-color: #eaeaea;

  

}



.nav-tabs .nav-link.tm-no-border-right {

  border-right: none;

}



#tmCompanyTab .nav-item {

  width: 50%;

  text-align: center;

}



#tmCompanyTab .nav-link {

  border-bottom: 1px solid #c7c7c7;

}



#tmCompanyTab .tm-nav-link-border-right {

  border-right: 1px solid #c7c7c7;

}



#tmCompanyTab .nav-item.show .nav-link,

#tmCompanyTab .nav-link.active {

  border-bottom: none;

}



#tmTabContent {

  padding: 45px 45px 60px;

}



.nav-tabs {

  border-bottom: none;

}



.tm-contact-section {

  padding-top: 50px;

  margin-top: 40px;

  padding-bottom: 90px;

}



.tm-contact-left {

  margin-bottom: 30px;

}



.tm-contact-figure-block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



figure {

  max-width: 100%;

}



.tm-contact-figcaption {

  margin-top: 27px;

  max-width: 600px;

color: rgba(49, 22, 72, 182);

}



.tm-contact-form-container {

  max-width: 462px;

  text-align: right;

  background-color:#ffffff;

  border: 1px solid #c7c7c7;

  padding: 30px 20px;

  margin-bottom: 38px;

}



.tm-contact-header {

  margin-bottom: 40px;

  text-align: center;

  color: rgba(49, 22, 72, 182);

}



.form-control {

  border-radius: 0;

  padding: 14px;

  height: auto;

}



.tm-footer {

  margin-bottom: 40px;

}



.tm-footer-row {

  align-items: center;

}



.scroll {

  background: rgba(222, 226, 230, 0.39);

  padding: 18px 20px 10px;

  text-align: center;

  margin: 0 0 0 auto;

  cursor: pointer;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  width: 65px;

  height: 60px;

}



.scroll:hover {

  background: rgba(178, 178, 178, 1);

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

}



.scroll:hover .fa {

  padding-top: -10px;

}



.scroll .fa {

  font-size: 30px;

  margin-top: -5px;

  margin-left: 1px;

  transition: 0.5s;

  -moz-transition: 0.5s;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

}



.tab-pane.fade {

  transition: opacity 0s linear;

}



@media (min-width: 768px) {

  .tm-feature-block {

    margin-bottom: 0;

  }

  .tm-feature-block2 {

    margin-bottom: 0;

  }

}



@media (min-width: 992px) {

  .tm-activity-block {

    height: 350px;

	max-width: 582px;

  }



  .tm-activity-block-2 {

    height: 500px;

	max-width: 582px;

  }



 .tm-activity-block-3 {

    height: 500px;

	max-width: 315px;

  }



  .tm-company-about {

    flex-direction: column;

    align-items: center;

  }



  .tm-contact-left {

    margin-bottom: 0;

  }

}



@media (min-width: 1200px) {

  .container {

    max-width: 1233px;

  }



  .tm-company-about {

    flex-direction: row;

    align-items: flex-start;

  }



  .tm-company-about-text {

    padding: 0 35px 35px;

  }



  .tm-company-left {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 68%;

    flex: 0 0 68%;

    max-width: 870px;

  }



  .tm-company-right {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 32%;

    flex: 0 0 32%;

    max-width: 380px;

  }



  .tm-contact-left {

    padding-right: 0;

  }



  .tm-contact-right {

    padding-left: 0;

  }

}



@media (max-width: 767px) {

  .navbar-toggler {

    margin-left: 0;

    margin-right: 0;

  }



  .navbar {

    text-align: center;

    padding: 3px 0;

    margin-right: 0;

    margin-left: auto;

  }



  #tmMainNav {

    background: white;

    border: 1px solid #c6c6c6;

  }



  .navbar-light .navbar-toggler {

    border-radius: 0;

  }



  .scroll {

    margin: 20px auto 0;

  }



  .tm-banner-section video {

    top: 50%;

    transform: translate(-50%, -50%);

  }

}



@media (max-width: 540px) {

  .tm-activity-block {

    flex-direction: column;

  }



  .tm-activity-block-2 {

    flex-direction: column;

  }

  

  .tm-activity-block-3 {

    flex-direction: column;

  }



  .tm-activity-block-text {

    margin-top: 20px;

  }

}



@media (max-width: 440px) {

  .tm-features-section {

    padding-top: 60px;

    padding-bottom: 55px;

  }



  .tm-contact-section {

    padding-top: 70px;

    padding-bottom: 60px;

  }

}



@media (min-width: 767px) and (max-width: 992px) {

  .navbar-expand-md .navbar-nav .nav-link {

    padding: 10px 15px;

  }

}

/*******************************/

/*********** Blog CSS **********/

/*******************************/

.blog {

    position: relative;

    width: 100%;

    padding: 5px 0;

}



.blog .section-header {

    margin-bottom: 5px;

}



.blog .blog-carousel {

    position: relative;

    width: calc(100% + 300px);

    left: -150px;

    right: -15px;

}



.blog .blog-item {

    position: relative;

    margin: 0 15px;

}



.blog.blog-page .blog-item {

    margin: -30px 0 0 0;

}



.blog .blog-img {

    position: relative;

    width: 100%;

    z-index: 1;

}



.blog .blog-img img {

    width: 100%;

}



.blog .blog-content {

    position: relative;

    width: calc(100% - 60px);

    top: -60px;

    left: 30px;

    padding: 25px 30px;

    background: #ffffff;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    z-index: 2;

}



.blog .blog-content h2.blog-title {

    font-size: 25px;

    font-weight: 400;

    letter-spacing: 1px;

}



.blog .blog-meta {

    position: relative;

    margin-bottom: 15px;

}



.blog .blog-meta * {

    display: inline-block;

    margin: 0;

    padding: 0;

    font-size: 14px;

    font-weight: 300;

    color: #797979;

}



.blog .blog-meta i {

    color: #0796fe;

    margin: 0 2px 0 10px;

}



.blog .blog-meta i:first-child {

    margin-left: 0;

}



.blog .blog-text {

    position: relative;

}



.blog .blog-text p {

    margin-bottom: 10px;

}



.blog .blog-item a.btn {

    position: relative;

    padding: 0 0 0 35px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1px;

    color: #0796fe;

    transition: .3s;

}



.blog .blog-item a.btn:hover {

    color: #092a49;

}



.blog .blog-item a.btn::before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    top: 10px;

    left: 0;

    background: #0796fe;

}



.blog .owl-nav {

    position: relative;

    width: 100%;

    margin-top: -30px;

    display: flex;

    justify-content: center;

}



.blog .owl-nav .owl-prev,

.blog .owl-nav .owl-next {

    position: relative;

    width: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #0796fe;

    font-size: 25px;

    transition: .3s;

}



.blog .owl-nav .owl-prev {

    padding-right: 80px;

}



.blog .owl-nav .owl-next {

    padding-left: 80px;

}



.blog .owl-nav .owl-prev:hover,

.blog .owl-nav .owl-next:hover {

    color: #092a49;

}



.blog .owl-nav .owl-prev::after,

.blog .owl-nav .owl-next::after {

    position: absolute;

    content: "";

    width: 80px;

    height: 3px;

    top: 11px;

    background: #0796fe;

    transition: .3s;

}



.blog .owl-nav .owl-prev::after {

    left: 9px;

}



.blog .owl-nav .owl-next::after {

    right: 9px;

}



.blog .owl-nav .owl-prev:hover::after {

    background: #092a49;

}



.blog .owl-nav .owl-next:hover::after {

    background: #092a49;

}



.blog .pagination {

    margin-bottom: 0;

}



.blog .pagination .page-link {

    margin-top: -30px;

    color: #092a49;

    border-radius: 0;

    border-color: #092a49;

}



.blog .pagination .page-link:hover,

.blog .pagination .page-item.active .page-link {

    color: #0796fe;

    background: #092a49;

}



.blog .pagination .disabled .page-link {

    color: #999999;

}