@font-face {
  font-family: "trenda_regular";
  src: url('../otf/latinotype-trenda-regular.otf');
}

@font-face {
  font-family: "trenda_bold";
  src: url('../otf/latinotype-trenda-bold.otf');
}

body, html { height: 100%;}

.text-blue{color: rgb(31, 92, 246)!important;}
.bg-blue {background-color: #1f5cf6; color:white;}

a {color: #1f5cf6;}

.header { float: top; width: 100%; padding: 38px 0 38px 0; background-color: transparent;}
.header.trans { float: top; width: 100%; padding: 38px 0 38px 0; background-color: #1f5cf6 !important;}

.no-padding { padding-left: 0; padding-right: 0;}

.relative {position:relative;}

.smaller{
  width:100%;
  top:400px;
  position: absolute;
  text-align:center;
  font-size: 69pt;
  font-family: "trenda_bold";
  color: rgb(255, 255, 255);
  line-height: 1.2;
}

.blue_bckgrnd_width {width: 100%;}

.fill {display: flex;}

.header_wrapper { width:1082px; margin: 0 auto; }
.header_text_wrapper { max-width:1082px;}

.navbar-brand {padding-bottom: 10px !important;}

#main_menu {text-align: left;}
#main_menu ul {}
#main_menu ul li {display: inline-block;}
#main_menu ul li a {display: block; text-decoration: none; color: white; padding: 5px 15px; font-family: "trenda_regular"; font-size:20px;}
#main_menu ul li a:hover {color: #85c4ff;}
#main_menu ul li a.dropdown-item:hover {color: black;}
#main_menu ul li a img:hover {color: black;}
#main_menu ul li div a {color: #1f5cf6; font-size:11pt; font-family: "trenda_bold"; }
#main_menu ul li div a img {padding: 2px 0 2px; margin-right: 10px;}
.navbar-dark .navbar-nav>.active>a {  color:#85c4ff !important; }

.dropdown-item:hover {background-color: white;}

#subheader_margin_top {margin-top: 240px; }

.title_container{
  width:100%;
  background-color:rgba(0,0,0,0.6);
  position:absolute;
  text-align:center;
  color:white;
}

#subheader_title {
  font-size: 50pt;
  font-family: "trenda_bold";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
 
}

#subheader_paragraph {
  font-size: 22px;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.227;
  text-align: center;
  margin-top:70px;
}

#home_title_our_products {
  font-size: 22pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-top: 69px;
  margin-bottom: 53px;
}

#home_title_our_solutions_1{
  font-size: 22pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-top: 69px;
  margin-bottom: 53px;
}

#our_products_index_area ul {list-style: none; padding: 0;}
#our_products_index_area .thumbnail img {margin-top: 30px;}

#home_title_news {
  font-size: 22pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-top: 69px;
  margin-bottom: 63px;
}

.viewport_max_width {max-width: 1082px;}

.thumbnail {border-top: 1px solid #1f5cf6;margin-top: 10px; padding: 10px; }
.thumbnail {color:#1f5cf6 !important;}
.thumbnail:hover {color:white !important; background-color: #1f5cf6; transition: all ease .5s;}
#blue_border_section_title {font-size: 12pt; font-family: "trenda_bold"; color: rgb(31, 92, 246); text-transform: uppercase; line-height: 1.25; margin-top: 80px;}
.caption p {font-size: 12pt; font-family: "trenda_regular"; line-height: 1.4; margin-top: 20px; color:black;}
.caption h1 {font-size: 12pt; font-family: "trenda_bold"; line-height: 1.3; margin-top: 45px;}


#contactus_margin_top {margin-top: 140px; background-color: #1f5cf6; width: 100%; color:white;}
#row_contact_width {width: 100%;}
.contact_us_frame {
  border-style: solid;
  border-width: 3px;
  border-color: rgb(255, 255, 255);
  font-size: 12pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: center;
  margin: 65px;
  padding: 20px;
}

.contact_us_frame_discover {
  border-style: solid;
  border-width: 3px;
  border-color: rgb(31, 92, 246);
  font-size: 12pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: center;
  margin: 65px;
  padding: 20px;
}

.contact_us_frame_products {
  border-style: solid;
  border-width: 3px;
  border-color: rgb(31, 92, 246);
  font-size: 12pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: center;
  margin: 65px;
  padding: 20px;
}

.contact_us_frame_products_SMS {
  border-style: solid;
  border-width: 3px;
  border-color: rgb(31, 92, 246);
  font-size: 12pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: center;
  margin: 65px;
  padding: 20px;
}

.apply_for_free_trial {
  border-style: solid;
  border-width: 3px;
  border-color: rgb(31, 92, 246);
  background-color: rgb(31, 92, 246);
  font-size: 12pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: center;
  margin: 65px;
  padding: 20px;
}


/*only for home*/
@media (max-width: 991px) {.header {background-color: #1f5cf6;} .blue_bckgrnd_width {margin-top:120px;} } 
@media (min-width: 1330px) {.blue_bckgrnd_width {height: 770px;}}

.carousel-indicators {top: -30px; margin: 0;/*bottom: -50%;*/ bottom: auto}
.carousel-indicators li {background-color: #1f5cf6;}
.carousel-indicators .active {background-color: #85c4ff;}
.carousel-inner .caption {border-top: 1px solid #1f5cf6; /*border-bottom: 1px solid #1f5cf6;*/ min-height: 520px;}
.news_carousel_margin_bottom {margin-bottom: 133px;}
.carousel-inner p {font-size: 12pt; font-family: "trenda_regular"; line-height: 1.25; }
.carousel-inner a {font-size:12pt; font-family: "trenda_bold"; color: rgb(31, 92, 246); text-decoration: none;}
.carousel-inner a:hover {color: #85c4ff;}

.carousel-inner h1 {
  font-size: 21px;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.095;
  text-align: left;
}

.carousel_button_frame {
  background-color: rgb(13, 79, 248);
  font-size: 13pt;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 10px;
}

#footer1{background-color: #1f5cf6; width: 100%; padding:0 !important;}
#footer{background-color: #1f5cf6; width: 100%; padding-top: 50px; padding-bottom: 10px;}
#footer .navbar-text {
  font-size: 14px;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  line-height: 1.5;
  text-align: left;
}

#footer_mer_title {font-family: "trenda_bold"; padding:0;}
#footer_email_color {color:white;}
#footer_email_color1 {color:white;}
#footer_email_color2 {color:white;}
.text_decoration_none {text-decoration: none !important;}
.footer_color {color:white !important;}

#copyright {
  font-size: 10px;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: left;
}

.mySlides {display: none;}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active_ship {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.top-foto {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-fit: cover;
  object-position: 50% 50%;
}
.top-subfoto {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  object-position: 50% 50%;
}

.transbox {
  background-color: #003253;
  opacity: 0.6;
}

.ship_container,.top_container{
  width:100%;
  position:absolute;
  text-align:center;
  float:left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 250px;
}

.top_container{
  padding-top: 150px;
}

.responsive {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.responsive iframe {
  position: absolute;
  height: 100%;
  width: 100%;
}

.intro-header-ship,.intro-header-aoc {
  background-color: #808080;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  height: 650px;
}

.intro-header {
  background-color: #808080;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.intro-header .post-heading{
  padding: 150px 0 50px;
  color: white;
}

.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

.donja-granica {
  padding-top: 7em;
}

.donja-granica_d1 {
  padding-top: 7em;
}

.donja-granica_special {
  padding-bottom: 5em;
}

.drugi_graf {
  padding-bottom: 5em;
}

.treci_graf {
  padding-bottom: 5em;
}

.donja-granica-jedan-red {
  padding-top: 4.5em;
}

.donja-granica-tri-reda {
  padding-top: 10em;
}

.gornja-granica {
  padding-top: 5em;
}

.gornja-granica-jedan-red {
  padding-top: 5em;
}

.link-font {
  font-size: 17px;
}

.graf-center{
  padding-bottom: 5em;
}

.graf-center_2{
  padding-bottom: 5em;
}

.graf-center_3{
  padding-bottom: 5em;
}

.graf-top{
  padding-top: 12em;
}

.safety_graf_prvi {
  padding-bottom: 5em;
}

.safety_graf_drugi {
  padding-bottom: 5em;
}

.safety_graf_drugi_2 {
  padding-bottom: 5em;
}

.safety_graf_drugi_2_1 {
  padding-bottom: 5em;
}

.safety_graf_drugi_2_2 {
  padding-bottom: 5em;
}

.safety_graf_treci {
  padding-bottom: 5em;
}

.safety_graf_cetvrti {
  padding-bottom: 5em;
}

.link_center {

}

.graf_row_stil{
  padding-bottom: 5em;
  padding-left: 5em;
  padding-right: 5em
}

.graf_row_stil_special{
  padding: 5em
}

.error{
  color: #dc3545;
}

@media (max-width: 1818px) {
  .safety_graf_cetvrti {
    padding-bottom: 5em;
  }
}

@media (max-width: 1759px) {
  .safety_graf_treci {
    padding-bottom: 5em;
  }
}

@media (max-width: 1733px) {
  .drugi_graf {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1666px) {
  .donja-granica_special {
    padding-bottom: 2.3em;
  }
}

@media (max-width: 1626px) {
  .graf-center_3 {
    padding-top: 2.7em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1617px) {
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 5em;
  }
  .graf-center_3 {
    padding-top: 5.4em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1568px) {
  .safety_graf_prvi {
    padding-top: 2.657em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1543px) {
  .drugi_graf {
    padding-bottom: 5em;
    padding-top: 0em;
  }
}

@media (max-width: 1426px) {
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1367px) {
  .donja-granica_special {
    padding-bottom: 5em;
  }
}

@media (max-width: 1308px) {
  .safety_graf_drugi_2 {
    padding-bottom: 5em;
    padding-top: 2.66em;
  }
}

@media (max-width: 1286px) {
  .safety_graf_drugi_2_1 {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1269px) {
  .donja-granica_special {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1267px) {
  .graf-center_2 {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1247px) {
  .safety_graf_drugi_2_1 {
    padding-bottom: 5em;
    padding-top: 5.3em;
  }
}

@media (max-width: 1239px) {
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 0em;
  }
}

@media (max-width: 1238px) {
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1206px) {
  .safety_graf_drugi {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 2.7em;
  }
}

@media (max-width: 1204px) {
  .graf-center_3 {
    padding-top: 2.7em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1200px) {
  h1 {font-size:2rem;} /*1rem = 16px*/
  h2 {font-size:1.5rem;}
  .donja-granica {
    padding-top: 6em;
  }
  .donja-granica_d1 {
    padding-top: 6em;
  }
  .donja-granica-jedan-red {
    padding-top: 3.5em;
  }
  .gornja-granica {
    padding-top: 4em;
  }
  .gornja-granica-jedan-red {
    padding-top: 4em;
  }
  .link-font {
    font-size: 16px;
  }
  .donja-granica-tri-reda {
    padding-top: 7.8em;
  }
  .graf-center{
    padding-bottom: 3.5em;
  }
  .graf-center_2 {
    padding-bottom: 3.5em;
    padding-top: 0em;
  }
  .graf-center_3 {
    padding-top: 4.35em;
    padding-bottom: 3.5em;
  }
  .donja-granica_special {
    padding-bottom: 1.3em;
    padding-top: 0em;
  }
  .drugi_graf {
    padding-bottom: 3.5em;
    padding-top: 0em;
  }
  .treci_graf {
    padding-bottom: 3.5em;
    padding-top: 0em;
  }
  .safety_graf_prvi {
    padding-top: 2.2em;
    padding-bottom: 3.48em;
  }
  .safety_graf_drugi {
    padding-bottom: 5em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2 {
    padding-bottom: 5em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_1 {
    padding-bottom: 5em;
    padding-top: 2.19em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 0em;
  }
  .safety_graf_treci {
    padding-bottom: 5em;
  }
  .safety_graf_cetvrti {
    padding-top: 2.195em;
    padding-bottom: 5em;
  }
}

@media (max-width: 1179px) {
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 2.1em;
  }
}

@media (max-width: 1130px) {
  .donja-granica_special {
    padding-bottom: 3.48em;
  }
}

@media (max-width: 1084px) {
  .safety_graf_drugi_2 {
    padding-bottom: 5em;
    padding-top: 2.19em;
  }
}

@media (max-width: 1066px) {
  .safety_graf_drugi_2_1 {
    padding-bottom: 5em;
    padding-top: 4.49em;
  }
}

@media (max-width: 1053px) {
  .donja-granica_special {
    padding-bottom: 3.48em;
    padding-top: 2.2em;
  }
}

@media (max-width: 1051px) {
  .graf-center_2 {
    padding-bottom: 3.5em;
    padding-top: 2.22em;
  }
}

@media (max-width: 1036px) {
  .safety_graf_drugi_2_1 {
    padding-bottom: 5em;
    padding-top: 6.6em;
  }
}

@media (max-width: 1029px) {
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 0em;
  }
}

@media (max-width: 1028px) {
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 3.5em;
  }
}

@media (max-width: 1002px) {
  .safety_graf_drugi {
    padding-bottom: 5em;
    padding-top: 2.3em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 5em;
    padding-top: 2.3em;
  }
}

@media (max-width: 1001px) {
  .graf-center_3 {
    padding-top: 2.22em;
    padding-bottom: 3.5em;
  }
}

@media (max-width: 992px) {
  h1 {font-size:1.5rem;}
  h2 {font-size:1.2rem;}
  .donja-granica{
    padding-top: 4em;
  }
  .donja-granica_d1 {
    padding-top: 4em;
  }
  .donja-granica-jedan-red {
    padding-top: 2.5em;
  }
  .gornja-granica {
    padding-top: 4em;
  }
  .gornja-granica-jedan-red {
    padding-top: 4em;
  }
  .link-font {
    font-size: 15px;
  }
  .donja-granica-tri-reda {
    padding-top: 5.5em;
  }
  .graf-center{
    padding-bottom: 4.5em;
  }
  .graf-center_2{
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .graf-center_3 {
    padding-top: 0em;
    padding-bottom: 4.5em;
  }
  .graf-top{
    padding-top: 7em;
  }
  .donja-granica_special {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .drugi_graf {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .treci_graf {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 4.5em;
  }
  .safety_graf_drugi {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2 {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_1 {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 4.5em;
    padding-top: 0em;
  }
  .safety_graf_treci {
    padding-top: 0em;
    padding-bottom: 4.5em;
  }
  .safety_graf_cetvrti {
    padding-top: 0em;
    padding-bottom: 4.5em;
  }
  .link_center {
    /*padding-left: 2.3em;*/
  }
}

@media (max-width: 768px) {
  h1 {font-size:1.2rem;} /*1rem = 16px*/
  h2 {font-size:1rem;}
  .donja-granica{
    padding-top: 2em;
  }
  .donja-granica_d1 {
    padding-top: 2em;
  }
  .donja-granica-jedan-red {
    padding-top: 1em;
  }
  .gornja-granica {
    padding-top: 3em;
  }
  .gornja-granica-jedan-red {
    padding-top: 3em;
  }
  .link-font {
    font-size: 13px;
  }
  .donja-granica-tri-reda {
    padding-top: 3em;
  }
  .graf-center{
    padding-bottom: 3em;
  }
  .graf-center_2{
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .graf-center_3 {
    padding-top: 0em;
    padding-bottom: 3em;
  }
  .donja-granica_special {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .drugi_graf {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .treci_graf {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 3em;
  }
  .safety_graf_drugi {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2 {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_1 {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 3em;
    padding-top: 0em;
  }
  .safety_graf_treci {
    padding-top: 0em;
    padding-bottom: 3em;
  }
  .safety_graf_cetvrti {
    padding-top: 0em;
    padding-bottom: 3em;
  }
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
}

/*@media (max-width: 647px) {
  .h1_subheader_ship{
    font-size: 25px;
  }
  .index_link_size {
    border:2px;
    border-style:solid;
    border-color: white;
    padding: 1em;
    color: white;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .09em;
  }
}*/

@media (max-width: 544px) {
  h1 {font-size:1rem;} /*1rem = 16px*/
  h2 {font-size:0.8rem;}
  .donja-granica{
    padding-top: 2em;
  }
  .donja-granica_d1 {
    padding-top: 2em;
  }
  .donja-granica-jedan-red {
    padding-top: 1em;
  }
  .gornja-granica {
    padding-top: 3em;
  }
  .gornja-granica-jedan-red {
    padding-top: 3em;
  }
  .link-font {
    font-size: 12px;
  }
  .donja-granica-tri-reda {
    padding-top: 2em;
  }
  .graf-center{
    padding-bottom: 1em;
  }
  .graf-center_2{
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .graf-center_3 {
    padding-top: 0em;
    padding-bottom: 1em;
  }
  .graf-top{
    padding-top: 5em;
  }
  .donja-granica_special {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .drugi_graf {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .treci_graf {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .safety_graf_prvi {
    padding-top: 0em;
    padding-bottom: 1em;
  }
  .safety_graf_drugi {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2 {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_1 {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .safety_graf_drugi_2_2 {
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .safety_graf_treci {
    padding-top: 0em;
    padding-bottom: 1em;
  }
  .safety_graf_cetvrti {
    padding-top: 0em;
    padding-bottom: 1em;
  }
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
}

@media (max-width: 499px) {
  .graf_row_stil{
    padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0em
  }

  .graf_row_stil_special{
    padding: 0em
  }

  .donja-granica-jedan-red {
    padding-top: 2em;
  }
  .donja-granica_d1 {
    padding-top: 3em;
  }
}

@media only screen and (min-width: 1400px) {
  .intro-header .post-heading{
    padding: 200px 0;
    margin-top: 200px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .intro-header .post-heading{
    padding: 200px 0;
    margin-top: 100px !important;
  }
}

@media only screen and (max-width: 600px) {
  .intro-header .post-heading{
    padding-top: 50px;
  }
}

.intro-header .page-heading {
  text-align: center;
}
.intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}

@media only screen and (min-width: 759px) {
  .intro-header .page-heading h1 {
    font-size: 80px;
  }
}

.intro-header .post-heading h1 {
  font-size: 35px;
  font-family: "trenda_bold";
}

.intro-header .post-heading .subheading{
  line-height: 1.1;
  display: block;
}

.intro-header .post-heading .subheading {
  font-size: 17px;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  line-height: 1.227;
  text-align: center;
  margin-top: 50px;
}

@media only screen and (min-width: 759px) {
  .intro-header .post-heading h1 {
    font-size: 6vh;
    font-family: "trenda_bold";
  }
  .intro-header .post-heading .subheading {
    font-size: 2vh;
    font-family: "trenda_regular";
    line-height: 1.227;
    text-align: center;
  }
}




.index_link_size {
  border:3px;
  border-style:solid;
  border-color: white;
  padding: 1em;
  color: white;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .12em;
}

.h1_subheader_ship {
  text-align:center;
  font-size: 45px;
  font-family: "trenda_regular";
  color: rgb(255, 255, 255);
  line-height: 1.2;
}
@media (max-width: 850px) {
  .intro-header-aoc{height: 550px;}
}
@media (max-width: 700px) {
  .intro-header-aoc{height: 450px;}
}
@media (max-width: 647px) {
  .h1_subheader_ship{
    font-size: 25px;
  }
  .index_link_size {
    border:2px;
    border-style:solid;
    border-color: white;
    padding: 1em;
    color: white;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .09em;
  }
}

@media (max-width: 375px) {
  .h1_subheader_ship{
    font-size: 20px;
  }
  .index_link_size {
    border:2px;
    border-style:solid;
    border-color: white;
    padding: 1em;
    color: white;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .09em;
  }
}

.h1_subheader { 
  text-align:center;
  font-family: "trenda_bold";
  color: rgb(255, 255, 255);
  line-height: 1.2;
}

.navbar-custom {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.navbar-custom .navbar-brand {
  font-weight: 800;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) {
  .navbar-custom {
    background: transparent;
    border-bottom: 1px solid transparent;
  }
}
@media only screen and (min-width: 1170px) {
  .navbar-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .navbar-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -61px;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
 
  .navbar-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


/* products*/
.products_font_main_features {
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  line-height: 34px;
  text-align: left;
  font-weight: bolder;
}

/* ikone*/
.sems_icon {background-image: url('../svg/icon_security_management_system.svg');  width: 80px;  height: 48px;}
.wlm_icon {background-image: url('../svg/icon_wildlife_management_system.svg');  width: 80px;  height: 48px;}
.cls_icon {background-image: url('../svg/icon_staff_training_management.svg');  width: 80px;  height: 48px;}
.pxs_icon {background-image: url('../svg/icon_passenger_survey.svg');  width: 80px;  height: 48px;}
.mms_icon {background-image: url('../svg/icon_maintenance_management_system.svg');  width: 80px;  height: 48px;}
.doc_icon {background-image: url('../svg/icon_document_management_system.svg');  width: 80px;  height: 38px;  background-size: contain;}
.sqm_icon {background-image: url('../svg/icon_compliance_management_system.svg');  width: 80px;  height: 48px;}
.apm_icon {background-image: url('../svg/icon_airport_performance_measurement.svg');  width: 80px;  height: 48px;}
.asf_icon {background-image: url('../svg/icon_aerodrome_manual.svg');  width: 80px;  height: 48px;}
.sms_icon {background-image: url('../svg/icon_safety_management_system.svg');  width: 80px;  height: 52px; background-size: contain;}
.sms_sr_icon {background-image: url('../svg/icon_safety_reportin_system.svg');  width: 80px;  height: 52px; background-size: contain;}
.sms_rm_icon {background-image: url('../svg/icon_safety_management_system.svg');  width: 80px;  height: 52px; background-size: contain;}

.solution_aircraft_operators_icon {background-image: url('../svg/solutions_aircraft_operators_blue.svg');  width: 80px;  height: 38px;  background-size: contain;}
.solution_airports_icon {background-image: url('../svg/solutions_airports_blue.svg');  width: 80px;  height: 48px;}
.solution_baha_fbo_icon {background-image: url('../svg/solutions_business_aviation_blue.svg');  width: 80px;  height: 48px;}
.solution_gh_icon {background-image: url('../svg/solutions_ground_handling_blue.svg');  width: 80px;  height: 48px;}
.solution_marine_icon {background-image: url('../svg/solutions_marine_blue.svg');  width: 80px;  height: 48px;}
.solution_offshore_icon {background-image: url('../svg/solutions_offshore_blue.svg');  width: 80px;  height: 48px;}


.content_margin_top {margin-top:200px; margin-bottom: 200px;}

.main_feature_margin {margin-bottom: 30px;} 
.main_feature_content_margin {margin-bottom: 80px;} 

.list-group-item img {margin-right: 20px;} 

.list-group-item {border: none;}
 
 .main_features_title{
  font-family: "trenda_regular";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}

.list-group-item{ 
  /*list-style-image: url('https://img.icons8.com/emoji/12/000000/blue-circle-emoji.png');*/
  display: list-item;
  background-color: transparent;
  font-size: 17px;
  font-family: "trenda_regular";
}

.white_aeroplane {list-style-image: url('../png/white-circle-emoji.png') !important; color:white;}

.list-group {padding-left:25px !important;}


.jumbotron {
  background-image: url("../jpg/blue_backgrnd.jpg");
  background-size: cover;
}

 .what_makes_x_different_title{
  font-family: "trenda_regular";
  color: white;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-top: 70px;
}


.what_makes_x_different_row_bottom_padding {padding-bottom: 100px;}
.slider_margin_top {margin-top: 100px;}


.in_action_frame {
  background-color: #1f5cf6;
  font-size: 17pt;
  font-family: "trenda_bold";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 20px;
  border-radius: 0;
}

.in_action_p {
  font-size: 13pt;
  font-family: "trenda_bold";
  line-height: 1.2;
  text-align: left;
  padding: 20px;
}

hr {border-top: 1px solid white !important;}
#unusual_apm h5 {color:#85c4ff;}
#unusual_apm .list-group-item {font-size: 16px;}

.white_a_products {color: white; text-decoration: none;}
.white_a_products:hover {color: white; text-decoration: none;}


/* solutions*/
#solutions_below_title p {
  font-size: 18px;
  font-family: "trenda_regular";
  color: rgb(0, 0, 0);
  line-height: 1.167;
  text-align: left;
}

.home_solutions { background-image: url("../jpg/first_page_image_ai.jpg"); background-position: left; background-repeat: no-repeat}
#grey_products_area {background-color: #4e4e4e;}
#solutions_products_margin {margin-bottom: 80px;}

#grey_products_area h4 {
  font-size: 18px;
  font-family: "trenda_bold";
  color: white;
  line-height: 1.167;
  text-align: left;
}

#grey_products_area p {
  font-size: 17px;
  font-family: "trenda_regular";
  color: white;
  line-height: 1.167;
  text-align: left;
}

#grey_products_area li:hover p{color: #85c4ff; background-color: #4e4e4e; transition: all ease .5s;}
#grey_products_area li:hover h4{color: #85c4ff; background-color: #4e4e4e; transition: all ease .5s;}
#grey_products_area ul {padding:0;}
.grey_area_padding {padding-bottom: 60px;}
#grey_products_area ul {list-style: none;}
#grey_products_area hr{border-top: 1px solid #4e4e4e !important;}
.grey_area_padding ul li .row .col-lg-3 {margin-bottom: 40px;}
@media only screen and (max-width: 600px) {.products_font_main_features {margin-bottom: 20px;}}


/* privacy policy */
#pp_area {background-color: white;}

#pp_area h4 {
  font-size: 18px;
  font-family: "trenda_bold";
  line-height: 1.167;
  text-align: left;
}

#pp_area p {
  font-size: 17px;
  font-family: "trenda_regular";
  color: black;
  line-height: 1.167;
  text-align: left;
}


#pp_area ul {padding:0;}
.pp_area {padding-bottom: 60px;}
#pp_area ul {list-style: none;}
#pp_area hr{border-top: 1px solid #4e4e4e !important;}
.pp_area ul li .row .col-lg-3 {margin-bottom: 40px;}




/* resources*/
.noBorder {border-top: 1px solid white !important; border-bottom: 1px solid white !important;}
.resources {border-top: 1px solid white !important; border-bottom: 1px solid white !important;margin-top: 10px; padding: 5px; }
.resources img {margin-top: 30px; }
.resources_carousel {position: relative; width: 100%; overflow: hidden;}
#main_container .thumbnail {border-top: 1px solid white;margin-top: 10px; padding: 10px; }
#main_container_news .thumbnail {border-top: 1px solid white;margin-top: 10px; padding: 10px; }
.caption p a {float: right;}
.back_button {color: #85c4ff; text-transform: none; text-decoration: none;}
.content_margin_top_articles {margin-top:220px; margin-bottom: 50px;}
.resource_article_margin {margin-bottom: 120px;}
.centered_button {margin: auto; display: block;}


/* animation show/hide articles*/
@keyframes showPopulatedArticle {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes hideMain {
    0% {
        display: block;
        opacity: 1;
    }
    99% {
        display: block;
    }
    100% {
        display: none;
        opacity: 0;
        height:0; 
        overflow:hidden;
        margin-top:0;
    }
}

.showPopulatedArticle {
    animation: showPopulatedArticle 500ms linear;
    animation-fill-mode: forwards;
}
.hideMain {
    animation: hideMain 500ms linear;
    animation-fill-mode: forwards;
}



#in_action_centered_download_text {
  font-family: "trenda_regular";
  color: rgb(31, 92, 246);
  text-align: left;
  padding: 5px;
}

#in_action_centered_download_news_text {
  font-family: "trenda_regular";
  color: rgb(31, 92, 246);
  text-align: left;
  padding: 5px;
}

.flexy {display: flex;}
.flexy_endy {align-self: flex-end;}

/* news */
.caption h1 span {color: #1f5cf6; text-transform: none; font-family: "trenda_regular";}

#about_us_title {
  font-size: 26pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 53px;
}

#about_us_right_title {
  font-size: 26pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 53px;
}

/*#about_us_title_eu {
  font-size: 26pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 53px;
}*/

#about_us_right_subtitle {
  font-size: 15pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin-top: 69px;
  margin-bottom: 53px;
}

#about_us_right_subtitle_lowercase {
  font-family: "trenda_regular";
  color: black;
  text-align: left;
}

.about_us_title_eu {
  font-size: 26pt;
  font-family: "trenda_bold";
  color: rgb(31, 92, 246);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 53px;
}

.about_us_paragraph{
  font-size: 16px;
  font-family: "trenda_regular";
  color: rgb(0, 0, 0);
  line-height: 1.375;
  text-align: left;
}

.zero_padding {padding: 5px;}
.border_around_drop_down {border: 1px solid #ced4da; border-radius: 0;}
.form-control {border-radius: 0;}
.submit_style {font-family: "trenda_regular"; font-size: 15pt;}
.borderious_no {border-radius: 0;}
.plus_sign {color: rgb(31, 92, 246); font-weight: bold;}
.font_color_gray_drop_down {color: gray; background-color: white;}

#article_date {color: #85c4ff; text-transform: none;}

.privacy_policy_margin_top {margin-top:200px;}

.checkbox_styling {font-size: 14px;  font-family: "trenda_regular";}

.logostics {background-image: url('../svg/logo-1.svg'); width: 204px; height: 55px;}

.thumbnail .hover-img {
  display: none;
}

.thumbnail:hover .default-img {
  display: none;
}

.thumbnail:hover .hover-img {
  display: block;
}

#inheritious {height: inherit !important;}


@media only screen and (max-width: 991px) {.header {padding: 0; padding-left: 15px; padding-right: 15px;} .trans {padding: 0; padding-left: 15px; padding-right: 15px;} .header.trans {padding: 0; padding-left: 15px; padding-right: 15px;} }
@media only screen and (max-width: 991px) {.content_margin_top {margin-top: 150px; margin-bottom: 50px;}}
@media only screen and (min-width: 992px) {.content_margin_top {margin-top: 270px; margin-bottom: 100px;}}

.news_bottom_margin_must {margin-bottom: 200px !important;}
.resources_bottom_margin_must {margin-bottom: 270px !important;}

@media only screen and (max-width: 600px) {.logostics {background-image: url('../svg/znak-horizontalno-bijelo.svg'); width: 190px; height: 40px;}}
.add_me_padding_on_mobile_rez {padding-left: 15px; padding-right: 15px;}

.subheaders_main_titles {font-size: 18px;  font-family: "trenda_regular";  color: rgb(0, 0, 0);  line-height: 25.5px;  text-align: left;}

@media only screen and (max-width: 991px) {#main_menu { margin-top: 30px; }}
@media only screen and (max-width: 991px) {#main_menu ul li a { padding-left: 0 }}
@media only screen and (max-width: 991px) {#main_menu ul li .dropdown-item { padding-left: 15px }}