html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  color: #46bede;
}

textarea {
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
  height: auto;
  min-height: 50px;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

select {
  width: 100%;
}

.clearfloat:before, .clearfloat:after {
  content: "";
  display: table;
}

.clearfloat:after {
  clear: both;
}

/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
  *zoom: 1;
}

/*FONTS--------------------------------------------------------------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
  url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
  url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
  url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url("fonts/opensans-light-webfont.eot");
  src: url("fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), 
      url("fonts/opensans-light-webfont.woff") format("woff"), 
      url("fonts/opensans-light-webfont.ttf") format("truetype"), 
      url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

p, ul, ol, section, article, div {
  font-size: 14px;
}
.text, p{
  line-height: 22px;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'open_sansbold', Arial;
  color: #074d75;
  font-weight: normal;
}
h1 {
  font-size: 38px;
}
h2 {
  font-size: 38px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}

/*
################################################
#                                              #
#   author:  webrix-studio                     #
#   url:  http://webrix-studio.com             #
#                                              #
################################################
 */
/*BODY-------------------------------------------------------------------*/

body {
  background-color: #fff;
  font-family: 'Open Sans', 'open_sansregular', Arial;
  font-size: 100%;
  color: #777777;
}
.wrapper{
  max-width: 1100px;
  margin: 0 auto;
}

/*-------------- header ---------------*/
header{
  position: relative;
  height: 780px;
}

/*-------------- banner ---------------*/
.bContImg{
  height: 100%;
  width: 100%;
  position: relative;
}
.imgLiquid img{
  visibility:hidden;
}

/*-------------- holder head ---------------*/
.holder-head{
  width: 100%;
  height: 90px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  background: rgba(5,68,97,0.8);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.holder-head.sticky{
  height: 64px;
}
.holder-head.sticky .logo{
  margin-top: 5px;
}
.holder-head.sticky .logo img{
  max-width: 110px;
}
.holder-head.sticky #menu ul li a{
  line-height: 64px;
}

.header-right{
  float: right;
}

/*-------------- logo ---------------*/
.logo{
  float: left;
  position: relative;
  z-index: 2;
  margin-top: 6px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.logo img{
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}

  
/*-------------- languages ---------------*/
.lang{
  text-align: center;
  margin: 40px 0 0 20px;
  float:left;
    -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
.holder-head.sticky .lang{
  margin: 24px 0 0 20px;
 }
.lang a{
  color: #b4cad5;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin: 0px 1px;
  padding-top: 2px;
  width: 25px;
  height: 22px;
  text-align: center;
  border: 1px solid #b4cad5;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
.lang a.current-lang{
  color: #fff;
}
.lang a:hover{
  color: #fff;
}
/*-------------- menu ---------------*/
#menu{
  float: left;
}
#menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#menu ul li{
  position: relative;
}
#menu > ul > li{
  float: left;
  margin-left: 32px;
}
#menu ul li a{
  display: block;
  font-size: 15px;
  font-family: 'open_sanssemibold';
  color: #b4cad5;
  position: relative;
  white-space: nowrap;
  line-height: 90px;
}
#menu > ul > li:hover > a, #menu ul li.current-menu a{
  color: #fff;
}
/* submenu */
#menu > ul > li > ul {
  top: 100%;
  left: 0;
  opacity: 0;
}
#menu ul li ul {
  min-width: 100%;
  visibility: hidden;
  position: absolute;
  text-align: left;
  z-index: 9999;
  border-top: 2px solid #26a3d8;
  background: #054461;
  padding: 15px;
}
#menu ul li ul li a{
  padding: 7px 15px;
  line-height: normal !important;
  font-family: 'Open Sans', 'open_sansregular';
  font-size: 14px;
}
#menu ul li ul li ul {
  top: 0;
  left: 100%;
  opacity: 0;
}
#menu ul li:hover > ul {
  visibility: visible;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
}
#menu > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
}
#menu ul li ul li:hover ul {
  left: 100%;
  opacity: 1;
}
#menu ul li ul li a:hover{
  color: #fff;
}

/*-------------- banner text ---------------*/
.banner-text{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 780px;
  margin-left: -390px;
  text-align: center;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.banner-text h1{
  position: relative;
  font-size: 48px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 35px;
  padding-bottom: 13px;
}
.banner-text h1:after{
  content: '';
  width: 230px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -115px;
}
.banner-text .text{
  color: #fff;
  font-size: 14px;
}

.btn{
  display: inline-block;
  background: #41bfdd;
  border-radius: 3px;
  padding: 9px 25px;
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4bc8e6;
  border-radius: 3px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.btn:hover{
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
}
.btn img{
  margin-left: 5px;
}
.banner-text .btn{
  font-size: 24px;
  font-family: 'open_sanslight';
  line-height: 20px;
  padding: 15px 35px;
}

/*-------------------- section map gif --------------------*/
.map-gif{
  background: #064562;
  padding-bottom: 60px;
  margin-top:-1px;
}
.map-gif .wrapper{
  max-width: 960px;
}
.mapa{
  width: 100%;
  position: relative;
  height: 450px;
}
.map-gif .title h2{
  font-size: 50px;
  color: #fff;
  text-align: right;
}
.tit{
  position: absolute;
  font-family: 'open_sansbold';
  color: #fff;
  font-size: 38px;
}
.tit span{
  display: block;
  font-family: 'Open Sans', 'open_sansregular';
  font-size: 12px;
  margin-top: 5px;
  padding: 0 18px;
}
#t1{
  top: 80px;
  left: 50px;
}
#t2{
  top: 110px;
  right: 0px;
}
#t3{
  bottom: 80px;
  left: 0px;
}
#t4{
  bottom: 55px;
  right: 0px;
}
#t4 span{
  text-align: right;
}

/*-------------------- section services ---------------------*/
.services{
  padding: 50px 0px 50px;
}
.serv-one{
  display: inline-table;
  width: 50%;
  padding: 0 40px 0 80px;
  margin-right: -4px;
  margin-bottom: 30px;
  position: relative;
  /*opacity: 0;*/
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.serv-icon{
  position: absolute;
  width: 68px;
  height: 68px;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  border: 1px solid transparent;
  text-align: center;
  line-height: 68px;
  color: #00b9f7;
  font-size: 36px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.serv-one:hover .serv-icon{
  border: 1px solid #00b9f7;
}
.serv-one figure{
  position: absolute;
  top: 0px;
  left: 0px;
}
.serv-one h3{
  font-family: 'open_sanslight';
  margin-bottom: 10px;
}
.serv-one .text{
  line-height: 20px;
  height: 81px;
  overflow: hidden;
}

/*--------------- section index images -----------------*/
.index-images{
  position: relative;
}
.index-images .title{
  background: #46bede;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 76px;
  z-index: 2;
  margin-bottom: 0px;
  margin-top: -38px;
  opacity: 0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.index-images .title.slideInLeft{
  opacity: 1;
}
.index-images .title h2{
  color: #fff;
}
.small-wrap{
  float: right;
  width: 550px;
  line-height: 74px;
}
.im1{
  float: left;
  display: block;
  position: relative;
  width: 33.33333%;
  height: 300px;
  overflow: hidden;
}
.im1 img{
  height: 100%;
  max-width: none;
  width: auto;
}
.im-text{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(6,69,98,0.75);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.im-text::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 137%;
  height: 100%;
  background: rgba(255,255,255,0.1);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-137%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.im-text > div{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.im-text h4{
  font-family: 'open_sansregular';
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
}
.im-text p{
  display: inline-block;
  font-size: 16px;
  color: #00b9f7;
  background: #fff;
  padding: 0px 18px;
  height: 37px;
  min-width: 140px;
  overflow: hidden;
  line-height: 37px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.im1:hover .im-text::before{
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.im1-inner{
  width: 100%;
  height: 150px;
}
.im1-inner .im-text{
  padding: 10px;
}
.im1-inner .im-text h3{
  margin-top: 100px;
  font-size: 20px;
}
.im1-inner .im-text p{
  display: none;
}

/*--------------- section testimonials -----------------*/
.testimonials{
  padding: 60px 0px;
}
.quote{
  text-align: center;
  margin-bottom: 20px;
}
.testimonial01{
  text-align: center;
}
.testimonial01 > p{
  margin-bottom: 30px;
}
.testimonial01 figure{
  display: inline-block;
  width: 180px;
}
.testimonial01 figure img{
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(221,221,221,.35);
  -moz-box-shadow: 0px 0px 0px 2px rgba(221,221,221,.35);
  box-shadow: 0px 0px 0px 2px rgba(221,221,221,.35);
}
.testimonial01 figcaption{
  color: #8e969b;
  font-size: 13px;
  font-family: 'open_sanslight';
}
.testimonial01 figcaption h6{
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
  color: #000;
}
.autoplay{
  padding: 0px 25px;
}

/*--------------- footer -----------------*/
footer{
  background: #064562;
  padding-top: 70px;
}
.footer-text{
  max-width: 640px;
  margin: 0 auto 70px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-family: 'open_sanslight';
  line-height: 28px;
}
.footer-text strong, .footer-text a{
  font-weight: normal;
  font-family: 'open_sanssemibold';
  color: #46bede;
}

.footer-bottom{
  padding: 23px 0px;
}
.footer-logo{
  float: left;
}
.rights{
  float: none;
  font-size: 12px;
  color: #fff;
  padding: 7px 12px;
  margin-left: 20px;
  margin-top: 32px;
  text-align:center;
}

/*-------------- socials ---------------*/
.socials{
  text-align: right;
  margin-top: 30px;
}
.socials a{
  color: #fff;
  font-size: 26px;
  margin-left: 3px;
}
.socials a:hover{
  color: #9eccdf;
}

.page-top{
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 50px;
  right: 5%;
  display: block;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 49px;
  z-index: 100;
}
.page-top:hover{
  background: #aca39a;
  border: 1px solid #aca39a;
  color: #fff;
}
.page-top.page-top-show{
  visibility: visible;
  opacity: 1;
}

/*--------------------- page inside ----------------------*/
.header-inner{
  height: 300px;
}
.banner-inner-img {
  height: 100%;
  width: 100%;
  position: relative;
}

.title-place{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  padding: 15px 0px;
}
.title-place .title{
  margin-bottom: 0px;
}
.title-place h1{
  color: #fff;
}
.header-inner .title-place .title h1 {
	font-family:'open_sanslight'}
.content{
  position: relative;
  margin-bottom: 50px;
  margin-top: 45px;
}
.main-part {
  float: left;
  width: 73%;
}
.sidebar {
  float: right;
  width: 23%;
}

/*--------------- breadcrumb -----------------*/
.breadcrumb{
  color: #fff;
  font-size: 13px;
  margin-top: 10px;
  font-family: 'open_sanslight';
}
.breadcrumb span{
  font-size: 13px;
  color: #fff;
}
.breadcrumb a{
  color: #fff;
  font-size: 13px;
}
.breadcrumb a:hover{
  text-decoration: underline;
}

/*------------------------------- news ----------------------------- */
.one-new{
  margin-bottom: 25px;
  padding-bottom: 25px;
  background: #fff;
  border-bottom: 1px solid #EAEAEA;
  flex-wrap: wrap;
  display: table;
  table-layout:fixed;
  width:100%;
}
article.one-new:last-child{
  margin-bottom: 0px;
}
.one-new figure{
  width: 60%;
  padding-right: 30px;
  background: #fff;
  vertical-align:middle;
  display:table-cell;
  position:relative;
}
.one-new figure a{
  display: block;
}
.one-new figure a:hover{
  opacity: 0.8;
}
.one-new figure img{
  max-width: none;
  width: 100%;
}
.one-new-info{
  width: 100%;
  vertical-align:middle;
  display:table-cell;
  position: relative;
}
.one-new-title{
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 24px;
  font-family: 'open_sanslight';
}
.one-new-title a{
  color: #074d75;
}
.one-new .btn{
  margin-top: 30px;
}

/*-------- date ----------- */
.date-and-share{
  font-size: 12px;
  margin-bottom: 25px;
}
.date-and-share > div{
  font-size: 13px;
  display: inline-block;
  margin-right: 20px;
  color: #9f9f9f;
}
.date-and-share > div i{
  margin-right: 6px;
  color: #000;
}
.date-and-share > div span{
  font-family: 'open_sansitalic';
}

/*pagination-----------------------------------------------------------------*/
.pagination {
  text-align: center;
  margin-top: 30px;
}
.pagination ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  margin: 0px;
}
.pagination li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 18px !important;
  padding-bottom: 1px;
}
.pagination a,
.pagination a:visited {
  padding: 6px 9px;
  background: #E3E3E3;
  border: 1px solid #E3E3E3;
  color: #3e3e3e;
  text-decoration: none;
}
.pagination a:hover,
.pagination a:visited:hover {
  background: #9eccdf;
  border: 1px solid #9eccdf;
  color: #FFF;
}
.pagination a.currentpage {
  background-color: #525252;
  border: 1px solid #525252;
  color: #fff;
  cursor: default;
}
.pagination a.disablelink,
.pagination a.prevnext {
  font-weight: bold;
}

/*----------- sidebar menu ----------*/
.sidebar-menu{
  margin-bottom: 40px;
}
.sidebar-menu ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.sidebar-menu ul li{
  display: block;
  border-bottom: 1px solid #f1f1f1;
}
.sidebar-menu ul li a, .current{
  display: block;
  color: #074d75;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  padding: 11px 0px;
  border-bottom: 3px solid #fff;
}
.sidebar-menu ul li a:hover, .current{
  color: #000 !important;
  padding-left: 25px;
}
.sidebar-menu ul li ul{
  margin: 3px 0px;
  border: none;
}
.sidebar-menu ul li ul li{
  margin-bottom: 3px;
  width: auto;
  border: none;
}
.sidebar-menu ul li ul li a{
  font-size: 13px;
  color: #8e969b;
  padding: 0px;
  font-weight: normal;
  margin: 0px;
  padding: 3px 0px 4px 15px;
  text-transform: none;
}
.sidebar-menu ul li ul li a:hover{
  padding-left: 30px;
}
.sidebar-menu ul li ul li a.current{
  color: #000 !important;
  background: none;
}

/*--------------------- news details --------------------------*/
.simple-image{
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
  max-width: 55%;
}
.second-title{
  margin-bottom: 25px;
  font-size: 26px;
}
h2.second-title {
	font-family:'open_sanssemibold';
	font-weight:normal;}

/*--------------- simple list in whole site -----------------*/
.text ul li{
  margin-bottom: 5px;
  position: relative;
}

/*------------- Simple gallery in details ------------ */
.simple-gallery{
  width: 100%;
  margin: 0px;
  margin-top: 20px;
  padding: 0px;
  list-style-type: none;
}
.simple-gallery li{
  float: left;
  width: 32%;
  margin-top: 1%;
  margin-right: 1%;
}
.simple-gallery li a{
  display: block;
}
.simple-gallery li img{
  max-width: none;
  width: 100%;
}
.simple-gallery li a:hover{
  opacity: 0.75;
}

/*table----------------------------------------------------------------------*/
.nl_osn {
  width: 99%;
  margin: 20px 0;
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  color: #909090;
  margin-top: 35px !important;
}
.nl_osn a {
  font-size: 14px;
  text-decoration: none;
}
.tr {
  width: 100%;
  display: table;
  padding: 5px 10px;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  cursor: default;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tr:hover {
  background: #f3f2f0;
  color: #000;
}
.tr span,
.th {
  display: table-cell;
  color: #3b3e4a;
}
.download1 {
  width: 72%;
  vertical-align: middle;
}
.size1,
.type1 {
  width: 8%;
  padding: 0 3px;
  text-align: right;
  vertical-align: middle;
}
a.pdf,
a.pdf:visited {
  display: block;
  float: right;
  font: normal 12px Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  margin-left: 5px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 80px;
  display: table-cell;
  top: 3px;
  position: relative;
  color: #fff;
  background: #000;
}
a.pdf:hover{
  color: #fff;
}

/*------------------------ Tables for whole site ------------------------*/
table {
  overflow: hidden;
  width: 100%; 
  border-collapse: collapse; 
  border: none;
  margin-bottom: 20px;
  font-family: 'Open Sans';
}
/*
table tr:nth-child(2n) td{
  background: #F6F6F6;
}*/
table th{
  display: table-cell;
  padding: 16px 8px;
  color: #444;
  background: #e7e6e4;
  font-size: 15px;
  font-family: 'Open Sans';
  overflow: hidden;
  text-align: center;
}
table td{
  background: #fff;
  display: table-cell;
  padding: 12px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-top: 1px solid #f3f2f0;
}
table td:before {
  display: none;
  content: attr(data-th);
  width: 40%;
  color: #333;
  font-weight: bold;
}

/*contact form------------------------------------------------------------------*/
.map{
  height: 410px;
  overflow: hidden;
}
.map iframe{
  pointer-events: none;
}
.address{
  float: left;
  line-height: 26px;
  width: 45%;
  margin: 0px 4% 40px 0px;
}
.address span{
  color: #38383b;
  font-family: 'Open Sans';
}
.contact-form{
	padding-bottom: 20px;
}
.input{
	float:left;
  border: 1px solid #ebebeb;
  padding: 0 15px;
  margin: 0 2% 10px 0;
  width: 48%;
  height: 45px;
  color: #38383b;
  font-family: 'open_sansitalic', Arial;
  font-size: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.contact-form input:focus, .contact-form textarea:focus {
  outline: none;
}
.contact-form textarea {
  float:none;
  width: 98%;
  height: 150px;
  resize: none;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.contact-form .btn{
	margin-top: 0px;
}
.full-w{
	float: none;
	width: 98%;
}
label{
	display:block;
	font-size: 12px;
	color: #bbb;
	margin-bottom: 5px;
	padding-top:3px;
}
.input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #888;
}
.input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #888;
   opacity: 1;
}
.input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #888;
   opacity: 1;
}
.input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #888;
}
.input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #888;
}

.ok, .error {
  display: block;
  font-size: 13px;
  margin: 10px;
}
.error {
  color: #BF1717;
}

/*------------------- accordion content in contacts ------------------- */
.acc-content{
  height: 0;
  width: 100%;
  overflow: hidden;
}
.contact-buttons {
    margin-bottom: 40px;
}
.c1{
	min-height: 200px;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.acc-content-inner{
	padding-top:230px;
}
.trav {
	position: absolute;
	top:0px;
	left:0px;
	width: 48%;
	margin: 0 1%;
    color: #074d75;
    font-size: 22px;
    display: block;
    border: 1px solid #f1f1f1;
	text-align:center;
    font-family: 'open_sanslight';
    padding: 10px 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index:1;
}
.trav-right{
	left:auto;
	right:0px;
}
.trav:hover, .selected-b{
	color: #00b9f7;
}
.trav figure {
    margin-bottom: 15px;
}

/*----------------------------- Gallery ---------------------------- */
.portfolio-item{
  position: relative;
  display: inline-table;
  width: 47%;
  margin-bottom: 50px;
  margin-right: 2%;
  background: #333;
}
.portfolio-item a{
  display: block;
  overflow: hidden;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
}
.portfolio-item:hover > a{
  opacity: 0.6;
}
.portfolio-item img{
  max-width: none;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}
.portfolio-item:hover img{
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
.portfolio-item figcaption{
  background: #fff;
  padding: 20px 16px;
  border-bottom: 13px solid #f8f8f8;
}
.portfolio-item figcaption h5{
  font-family: 'Open Sans', 'open_sansregular', Arial;
  font-size: 15px;
  text-transform: uppercase;
}
.portfolio-item figcaption h5 a{
  color: #1a1a1a;
}
.portfolio-item figcaption h5 a:hover{
  color: #000;
}
.portfolio-item:before{
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background: #ffde00;
}
.portfolio-item:after{
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0;
  height: 2px;
  background: #000;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms;
}
.portfolio-item:hover:after{
  width: 100%;
}

/*----------------------- Gallery inside ---------------------------- */
.obj{
  float: left;
  width: 50%;
  padding-right: 15px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.obj > a{
  display: block;
  overflow: hidden;
  position: relative;
}
.image-overlay {
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  right: 10px;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.image-overlay:before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../images/plus.png) no-repeat;
  width: 47px;
  height: 46px;
}
.obj > a > img{
  max-width: none;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.obj figcaption{
  width: 100%;
  height: 100%;
  padding: 5px;
  margin:10px 0;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.obj figcaption h5{
  font-size: 16px;
  color: #000;
  line-height: 18px;
  overflow: hidden;
}
.obj:hover > a .image-overlay{
  opacity: 1;
}
.obj:hover > a > img{
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}


/*sitemap---------------------------------------------------------------*/
.sitemap ul {
  padding: 0;
  list-style-type: none;
  margin: 0px 0px 0px 20px;
}
.sitemap ul ul,.sitemap ul ul ul, .sitemap ul ul ul ul {
  padding: 10px;
  padding-right: 0px;
  list-style-type: none;
  margin: 10px 0px 10px 20px;
  border-left: 1px solid #C0C0C0;
}
.sitemap ul li {
  padding: 2px;
}
.sitemap a {
  color: #000;
}
.sitemap a:hover {
  color: #e31e24;
}



.sb-slidebar .btn{
  display: block;
  margin-bottom: 20px;
  min-width: inherit;
  margin-top: 0px;
  text-align: center;
}
.sb-slidebar .btn:hover{
  color: #F3D400;
}
.author {
	float:right;
}


/*/*media queries----------------------------------------------------------*/

@media only screen and (max-width: 1680px) {
}

@media only screen and (max-width: 1500px) {
  
}

@media only screen and (max-width: 1440px) {
  
}

@media only screen and (max-width: 1366px) {
  .im-text h4{font-size: 20px;}
}

@media only screen and (max-width: 1280px) {
  .page-top{bottom: 70px; right: 20px;}
}

@media only screen and (max-width: 1150px) {
  .wrapper{padding: 0 20px;}
  .index-images .title{padding-left: 20px;}
  .small-wrap{float: none; width: auto;}
}

@media only screen and (max-width: 1024px) {
  .banner-text h1{font-size: 40px;}
  .map-gif .title h2{font-size: 44px;}
  #menu > ul > li {margin-left: 15px;}
  #menu ul li a { font-size:13px;}
}

@media only screen and (max-width: 990px) {
  .tit{font-size: 32px;}
  .im1{width: 50%; height: 240px;}
  .footer-text{margin-bottom: 35px;}
  footer{padding-top: 60px;}
  h1 {font-size: 30px;}
  h2 {font-size: 30px;}
  
  .download1{width: 60%;}
  .size1, .type1{width: 10%;}
}

@media only screen and (max-width: 900px) {
  #menu{display: none;}
  .holder-head{height: 64px;}
  .holder-head .logo{margin-top: 5px;}
  .holder-head .logo img{max-width: 110px;}
  .banner-text{left: 0px; margin-left: 0px; width: 100%; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
  .serv-one{display: block; width: auto; margin-right: 0px; padding-right: 0px;}
  .serv-one .text{height: auto;}
  .index-images .title h2{font-size: 32px;}
  .header-inner{height: 220px;}
  h1 {font-size: 28px;}
  h2 {font-size: 28px;}
  .one-new-title{font-size: 18px;}
  .lang{margin: 25px 0 0 20px;}
}

@media only screen and (max-width: 800px) {
  .content{margin-bottom: 30px; margin-top: 30px;}
  
  .submit-btn{font-size: 15px;}
  .address{float: none; width: 100%; margin-right: 0px;}
  .contact-form{float: none; width: 100%;}
  table tr:nth-child(even){background: #f1f1f1;}
  table tr{border-top: 1px solid #ebebeb;}
  table th {display: none; margin: 0 0.5em; text-align: left; border: 0;}
  table td {display: block; margin: 0 0.5em; text-align: left; border: 0; height: auto; background: none;}
  table td:before {display: inline-block;}
}

@media only screen and (max-width: 740px) {
  .banner-text h1{font-size: 34px;}
  header{height: 630px;}
  .map-gif .title h2{font-size: 38px;}
  .mapa{height: 330px;}
  .tit{font-size: 24px;}
  .serv-one h3{font-size: 22px;}
  .second-title{font-size: 24px; margin-bottom: 18px;}
  .simple-image{float: none; width: auto; text-align: center; max-width: none; margin-right: 0px;}
  .one-new figure{width: 50%;}
  .simple-gallery li{width: 49%;}
}

@media only screen and (max-width: 640px) {
  .im1{float: none; width: auto; margin-bottom: 1px;}
  .footer-text{font-size: 14px;}
  .banner-text .btn{font-size: 20px; padding: 12px 30px;}
  .banner-text h1{font-size: 30px;}
  .testimonials{padding: 50px 0px;}
  h1 {font-size: 24px;}
  h2 {font-size: 24px;}
  h3 {font-size: 20px;}
  h4 {font-size: 18px;}
  h5 {font-size: 16px;}
  h6 {font-size: 15px;}
  
  .index-images .title{width: 80%;}
  .one-new{display: block; flex-wrap: nowrap; table-layout: inherit; width:98%;}
  .one-new figure{display: block; width: auto; padding-right: 0px; margin-bottom: 15px;}
  .one-new-info{display: block;}
}

@media only screen and (max-width: 550px) {
  .footer-logo{width: 100px;}
  .rights{margin-top: 15px;}
  .socials{margin-top: 13px; float: right;}
  h1 {font-size: 22px;}
  h2 {font-size: 22px;}
  .breadcrumb{margin-top: 5px;}
  .header-inner{height: 195px;}
  .second-title{font-size: 20px; margin-bottom: 15px;}
  .contact-form .btn{margin-top: 10px;}
  
  .simple-gallery li{width: 100%; margin-right: 0px; float: none;}
}

@media only screen and (max-width: 500px) {
  header{height: 580px;}
  .banner-text h1{margin-bottom: 20px; font-size: 26px;}
  .map-gif .title h2{font-size: 32px;}
  .tit{font-size: 18px;}
  #t1{top: 40px;}
  #t2{top: 70px;}
  .mapa{height: 270px;}
  .index-images .title{height: 62px;margin-top: -31px;}
  .small-wrap{line-height: 60px;}
  .index-images .title h2{font-size: 28px;}
  .footer-logo{float: none; width: auto; text-align: center;}
  .rights{border-left: 0px; margin-left: 0px; padding-left: 0px;}
  .footer-bottom{padding: 10px 0px;}
  footer{padding-top: 50px;}
}

@media only screen and (max-width: 430px) {
  #t1{left: 15px;}
  .im-text > div{padding: 20px;}
  .date-and-share{margin-bottom: 15px;}
  .second-title{font-family: 'open_sanssemibold';}
}

@media only screen and (max-width: 360px) {
  .wrapper{padding: 0 10px;}
  .banner-text h1{font-size: 22px;}
  .mapa{height: 250px;}
  .tit{font-size: 14px;}
  .tit span{padding: 0 8px;}
  .map-gif{padding-bottom: 45px;}
  .serv-one h3{font-size: 20px;}
  .services{padding: 40px 0px;}
  .serv-one{margin-bottom: 25px;}
  .im-text h4{font-size: 18px;}
  .im1{height: 200px;}
  h1 {font-size: 20px;}
  h2 {font-size: 20px;}
  .breadcrumb span, .breadcrumb a, .breadcrumb{font-size: 12px;}
  .second-title{font-size: 18px;}
}

@media only screen and (max-width: 320px) {

}