/* ===== common styles ===== */
html,body{height:100%;}
body {
  background-color: #f6f6f6;
}
body, th, td, p, div, span, ul, li, textarea, input, select, sup, sub,
#maineditor  {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #333333;
	line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong, b {font-weight: 700;}
img { max-width: 100%; height: auto; }
a:link, a:visited, a:active, input, button { outline: none; }
a, a:link, a:visited, a:active {
	color: #444;
	text-decoration: none;
  outline: none !important;

  transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
}
a:hover { color: #0066CC;	text-decoration: none; }

h1,h2,h3,h4 {
	color: #444;
	font-weight: lighter;
	line-height:1.2;
	margin:30px 0 20px 0;
  font-family: 'Open Sans', sans-serif;
}
h1 { font-size: 40px;}
h2 { font-size: 39px;}
h3 { font-size: 28px;}
h4 { font-size: 20px;}

ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

.flt_l { float: left !important; }
.flt_r { float: right !important; }
/* ===== COLORS ===== */
.wite { color: #fff !important;}
.bg-blue {
  background-color: rgba(1, 101, 164, 0.8) !important;
  	transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-webkit-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
}
/* ===== BUTTONS ===== */
button { border: none; outline: none !important}
.btn {
  display: inline-block;
	color: #fff;
	font-weight: 400;
  text-transform: uppercase;

	transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.btn-system {
	display: inline-block;
	color: #fff;
	margin-right: 5px;
	font-weight: 400;
  text-transform: uppercase;
  font-size: 1em;
	width: auto;
  text-decoration: none !important;

	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.btn-system:last-child { margin-right: 0; }
.btn-system.border-btn {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-system.btn-blue {background-color: #337AB7;}
.btn-system.border-btn.btn-blue {
	background-color: transparent;
	border: 1px solid #337AB7;
	color: #337AB7;
}
.btn-system.btn-bg-blue {	background-color:#337AB7 !important; }
.btn-large {font-size: 1.2em; padding: 9px 22px;}
.btn-medium { font-size: 14px; padding: 7px 18px;}
.btn-small {padding: 5px 15px;}
.btn-mini {padding: 3px 12px;}
.btn-large.border-btn {padding: 8px 22px;}
.btn-medium.border-btn {padding: 6px 18px;}
.btn-small.border-btn {padding: 4px 15px;}
.btn-mini.border-btn {padding: 2px 12px;}

/* hover effects */
[class^='hvr-'] {
	margin: .4em;
	padding: 1em;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0px);
	box-shadow: 0px 0px 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

/*----------------------------------------------------------------------------------------
										sections
----------------------------------------------------------------------------------------*/
.section { position: relative; }
.section .container { }

.section-title { font-size:5em; line-height: 0.9em; text-align: center; }
.section-title span { font-size:0.5em }
.section-title i.fa { color: #EBEBEB;}
.section-title.small, #edmheaderspan { margin: 60px 0 40px 0; font-size: 40px; font-weight: 300; text-align: left; }

.full-size { padding-top: 0px; padding-bottom: 0px; height: 100%; }
.half-size { height: 50%; }
.bg-parallax {
  position:relative;
  background-attachment: fixed;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.indexpage .bg-parallax {  overflow: hidden; }

.section.bg-parallax { padding-top: 0px; padding-bottom: 0px; height: 100%; }
.section.bg-parallax .container { margin: 0 auto; height: 100%; }
.section.bg-parallax .container .slide_content { margin: 40% auto 0; }

/*----------------------------------------------------------------------------------------
										HEADER
----------------------------------------------------------------------------------------*/
#header {display: block; position: relative; width: 100%; z-index: 10000;}
.indexpage #header {position: fixed; top: 0; left: 0;}
.innerpage #header {position: absolute; top: 0; left: 0;}
.mobilepage #header { position: absolute; top: 0; left: 0; }
.edtmpage #header { position: relative !important; background: #337AB7 }
.edtmpage .nav-mobile { display: none !important; }
.landscape {  }

.navbar-brand { display: block; margin-top: 50px; padding: 0; z-index: 1040; color: #fff !important;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
}
.bg-blue .navbar-brand {
	margin-top: 32px; 
}

#header .btn-system { margin-top: 34px; }
.navbar-brand #print-logo, #hpath { display: none; }

#langs, #langs li, #langs a  { display: block; list-style-type: none; }
#langs { position: relative; margin-top: 30px; margin-left: 20px; padding-top: 30px; width: 64px; background: #f0f0f0 }
#langs li { padding: 2px 10px; color: #999; font-size: 1em }
#langs a { display: inline-block; color: #999; text-transform: uppercase; }
#langs li.lang { display: none; }
#langs li.lang:hover { background-color: rgba(255, 255, 255, 0.4); }
#langs li.lang a { display: block; }
.curlang { position: absolute; top: 0; left: 0; cursor: pointer; }
.curlang a { margin-right: 6px; }
.edtmpage #langs i { display: none; }


/*----------------------------------------------------------------------------------------
										MAIN NAVIGATION
----------------------------------------------------------------------------------------*/
.up_navbar {
  position: relative; width: 100%; height: 90px;

	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
}
.nav { list-style: none; margin: 0;}
.up_navbar .nav { float: right; }
.nav > li { position: static; float: left; padding: 0; cursor: pointer;}
.nav > li > a {
	display: block; position: relative; overflow: hidden;
	font-size: 18px; font-weight: 400; color: #fff; /*#0165A4*/; text-transform: uppercase;
	height: 90px;
	line-height: 90px;
	padding: 0 20px;
	text-decoration: none;
	outline: none;
	background:inherit;
}
.nav>li>a:focus, .nav>li>a:hover { background: none !important }

.icon-nav { display: none; width: 30px; margin-top: 25px; margin-left: 20px; cursor: pointer; }
.icon-nav > div { margin: 7px 0; height: 3px; background-color: #fff; }

.nav > li:hover > a, .nav > li.active > a { color: rgba(204, 204, 204, 0.8); }
    .nav_hover > li > a:after {
        position: absolute; left: 50%; bottom: -5px;
        display: block; height: 10px; width: 10px;
        content: "";
        opacity: 0;
        background-color: #fff;
        color: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);

    }
    .nav_hover > li:hover > a:after { opacity: 1; }
    .edtmpage .nav > li > a:after { display: none; }
    .edtmpage li.active > a { color: #ccc; }
    .edtmpage .nav > li .subnav, .edtmpage .nav-mobile { display: none !important; }

.nav > li .subnav {
  position: absolute; top: 90px; left: 0;
  width: 100%; max-height: 0;
  background: #fff url(../images/bg-navigation.gif) 100% 0 no-repeat; background-size: cover;
  overflow: hidden;
  z-index: 99999;

	transition: max-height 0.15s ease-out;
	-moz-transition: max-height 0.15s ease-out;
	-webkit-transition: max-height 0.15s ease-out;
	-o-transition: max-height 0.15s ease-out;
}
.nav_click > li .subnav {
  width: 100%; max-height: 0;
  background: transparent;
  overflow: hidden;

	transition: max-height 0.15s ease-out;
	-moz-transition: max-height 0.15s ease-out;
	-webkit-transition: max-height 0.15s ease-out;
	-o-transition: max-height 0.15s ease-out;
}
.nav.nav_hover > li .subnav.nav-opened, .nav_click > li .subnav.nav-opened {
  max-height: 500px; border-bottom: 2px solid #EBEBEB;
  transition: max-height 0.25s ease-in;
	-moz-transition: max-height 0.25s ease-in;
	-webkit-transition: max-height 0.25s ease-in;
	-o-transition: max-height 0.25s ease-in;
}
    .nav .subnav ul > li, .nav .subnav ul > li > a { display: block; text-align: left; }
    .nav .subnav ul > li { margin-bottom: 12px; }
    .nav .subnav ul ul, .nav .subnav ul ul li { margin: 0; width: 100%;}
    .nav .subnav ul > li > a { line-height: 20px; }
    .nav .subnav .container { padding: 40px 0; }
    .navpart { float: left; width: 30%; margin-right: 3%; }

/* nav mobile */
.nav-mobile {
  display: none;
  float: none; position: absolute; top: 0; left: 0;
  width: 100%; max-height: 0;
  background-color: #337AB7;

	transition: max-height 0.15s ease-out;
	-moz-transition: max-height 0.15s ease-out;
	-webkit-transition: max-height 0.15s ease-out;
	-o-transition: max-height 0.15s ease-out;
}
.nav-mobile.nav-mobile-opened {
  display: block;
  padding: 110px 0 20px; max-height: 2100px;
  z-index: 200;

  transition: max-height 0.25s ease-in;
	-moz-transition: max-height 0.25s ease-in;
	-webkit-transition: max-height 0.25s ease-in;
	-o-transition: max-height 0.25s ease-in;
}
.nav-mobile ul { display: block; float: none; width: 100%; }
.nav-mobile li { margin: 1px 0; }
.nav-mobile a { color: #FFF; }
.nav-mobile li, .nav-mobile li a  { display: block; position: relative; float: none; width: 100%; }
.nav-mobile .nav_click > li > a { padding: 6px 0 6px 10px; font-size: 1.4em; font-weight: 400; text-transform: uppercase; cursor: pointer; }
.nav-mobile .nav_click > li:hover > a, .nav-mobile .nav_click > li.active > a { background-color: #fff; color: #337AB7; }
.nav-mobile li .subnav { position: relative; top: 0; padding-left:20px; }
.nav-mobile li .subnav.nav-opened { margin: 10px 0; border: none; }
.nav-mobile li .subnav > ul > li { margin-bottom: 6px; }
.nav-mobile li .subnav > ul > li:last-child { margin-bottom: 0; }
.nav-mobile li .subnav ul li a { font-size: 1.1em; line-height: 1em; padding-bottom: 6px }
.nav-mobile li .subnav li li { padding-left: 10px; }


/* innerpage include nav */
.inner-nav { display: block; margin: 20px -15px; }
.inner-nav.nav .subnav { display: block; position: relative; top: 0; background: none; }
.inner-nav.nav .subnav li a { color:#EBEBEB; }



/* indexpage second step navigation */
.navin { text-align: center; }
.navin li { display: inline-block; padding: 2px 0; margin-bottom: 4px; margin-left: -37px; }
.navin li:before, .navin li:after { margin: 0 14px; content: "\f111"; color: #fff; font-size: 5px; font-family:'FontAwesome'; vertical-align: middle; }
.navin li a {display: inline-block;color:#fff; line-height: 1em;}
.navin li:hover a { text-decoration: underline }


/* ===================================================================================== */
.content img, #maineditor img { max-width: none; border: none; }
.content a, #maineditor a { color: #337ab7; text-decoration: underline; }
.content a:hover { text-decoration: none }
.content #reqemail_we { height: 1px; color: #fff; font-size: 1px; border: none; }
/*.hr hr  { display: none }  */
.content .hr { margin: 0.5em 0 0.5em 0; padding: 0px height: 1px; background-color: #ccc; line-height: 1px; font-size: 1px; }
.content hr, #maineditor hr { color: #ccc; background:#ccc; height:1px; border: none; margin: 0.5em 0 0.5em 0; padding: 0px }
.content ul, #maineditor ul { display: block; /*color: #ccc;*/ margin: 10px 0; padding: 0 30px; list-style-type: disc; }
.content li, #maineditor li { margin: 0; padding: 2px; }
#tbleditor > tr > td { height: 0px !important; font-size: 0px !important; }
#portfolio_tbl ul { margin: 5px 0; margin-left: 5px; padding: 0; }
#portfolio_tbl li { line-height: 10px; margin: 0; padding: 2px 10px; background: url(../images/cont_li.gif) 0 2px no-repeat; }
.content input[type='submit'] {
  color: #fff;
	padding: 12px 16px;
	font-weight: 400; font-size: 18px;
  text-transform: uppercase;
  background-color:#337AB7 !important;
  border: none;
}
a.thumb img, a:hover.thumb img { border: 0; cursor: pointer; }


/* tables in edit */
td.transparent_table    { border: 1px dashed grey;    padding: 5px }
td.standard_table       { border: 1px solid #999;  padding: 5px }
td.colored_table_edm    { border: 1px solid #999; background: #EFEFEF; padding: 5px }
td.colored_table_wh_edm { border: 1px solid #999; background: #EFEFEF; padding: 5px }
/* tables in site*/
/* all */
table.transparent_table, table.standard_table,
table.colored_table, table.colored_table_wh_outer,
table.colored_table_wh { border-collapse: collapse; }
.standard_table td, .colored_table  { border: 1px solid #999; }
.transparent_table td, .standard_table td { padding: 5px }
/* colored with */
table.colored_table_wh_outer {}
tr.colored_table_wh_top {}
td.colored_table_wh_c {}
table.colored_table_wh  { border: 1px solid #999; border-collapse: collapse; }
td.colored_table_wh_h   { border: 1px solid #fff; background-color: #999;  padding: 5px; color: #fff; }
td.colored_table_wh_h div  { color: #fff; font-weight:bold;}
td.colored_table_r1     { border: 1px solid #999;  background-color: #EFEFEF;  padding: 5px; }
td.colored_table_r2     { border: 1px solid #999;  background-color: #fff;     padding: 5px; }

tr.colored_table_wh_bottom {}
#start_tbl td.transparent_table { margin: 0; padding: 0; width: 33%; border-collapse: collapse; }
/* ===================================================================================== */
    /* SLIDE main index */
    .indexpage .main#slide_content { background: url(../images/bkg-2.jpg) 0 50% no-repeat; background-size: cover; }
    .indexpage .main#slide_content .container { margin: 0 auto; padding-top: 80px; padding-bottom: 80px; }
    .indexpage .main#slide_content h2.section-title { text-align: right; }

    /* SLIDE main innerpage */
    .innerpage .main .bg-parallax { z-index: 10 }
    .innerpage .maincont { position: relative; overflow: visible; margin-top: -300px; z-index: 110;  }
    .innerpage .maincont .row { background-color: #fff; padding: 20px 80px 60px 80px; }
    .edtmpage .maincont { margin-top: 0; }
    .edm .maincont { margin-top: 0; }


    /* SLIDE - top image */
    #slide_topimg h1 { display: inline-block; margin: auto 0; width: 100%; position: absolute; left: 0; bottom: 50%; }
    #slide_topimg .btn-system span{ display: inline-block; width: 100px; height: 50px; background: url(../images/homepage-down-arrow.png) 50% 50% no-repeat; }
    .mobilepage #slide_topimg .btn-system { bottom: 3%; }
    #slide_topimg .btn-system {
      position: absolute; bottom: 4%;
      display: block; width: 100%;
      text-align: center;

      animation: bounce 6s infinite;
      animation-name: bounce;
      animation-duration: 6s;
      animation-timing-function: initial;
      animation-delay: initial;
      animation-iteration-count: infinite;
      animation-direction: initial;
      animation-fill-mode: initial;
      animation-play-state: initial;
    }

    /* SLIDE - CONTACT FORM */
    #slide_contact-form { padding: 60px 0; }
    .form-group {
    	margin-bottom: 15px;
      float: left;
      width: 48%;
    }
    .form-group:nth-child(2n){ margin-left: 4%; }
    .wrong-inp { border: 1px solid #CC3300 !important }

    #contact-form {display: block; position: relative; padding: 40px 0;}
    #contact-form div, #contact-form textarea, #contact-form p { position: relative; z-index: 100 }
    #contact-form input[type='text'],#contact-form input[type='email'],#contact-form textarea,
    .content input[type='text'], .content input[type='email'], .content textarea {
    	color: #666fb5;
    	font-size: 13px;
    	font-family: "Open Sans", sans-serif;
    	border: 1px solid #eee;
    	border-radius: 2px;
    	-webkit-border-radius: 2px;
    	-moz-border-radius: 2px;
    	-o-border-radius: 2px;
    	outline: none;
    	width: 100%;
    	padding: 7px 14px;
    	display: block;
    	margin-bottom: 10px;

    	transition: all 1s ease-in-out;
    	-moz-transition: all 1s ease-in-out;
    	-webkit-transition: all 1s ease-in-out;
    	-o-transition: all 1s ease-in-out;
    }

      #contact-form input[placeholder]::-webkit-input-placeholder {color:#999;}
      #contact-form input[placeholder]::-moz-placeholder          {color:#999;}/* Firefox 19+ */
      #contact-form input[placeholder]:-moz-placeholder           {color:#999;}/* Firefox 18- */
      #contact-form input[placeholder]:-ms-input-placeholder      {color:#999;}
      #contact-form textarea[placeholder]::-webkit-input-placeholder {color:#999;}
      #contact-form textarea[placeholder]::-moz-placeholder          {color:#999;}/* Firefox 19+ */
      #contact-form textarea[placeholder]:-moz-placeholder           {color:#999;}/* Firefox 18- */
      #contact-form textarea[placeholder]:-ms-input-placeholder      {color:#999;}


    #contact-form div#success {
      position: absolute; top:0; left:0;
      width: 100%; height: 100%;
      text-align: center; color: #fff; vertical-align: middle;
      background: #337AB7 url(../images/gnu-loader.gif) 50% 50%;
      opacity: 0; z-index: 90;

    	transition: all 1s ease-in-out;
    	-moz-transition: all 1s ease-in-out;
    	-webkit-transition: all 1s ease-in-out;
    	-o-transition: all 1s ease-in-out;
    }
    #contact-form #success.sending {
      opacity: 1; z-index: 1000;

    	transition: all 1s ease-in-out;
    	-moz-transition: all 1s ease-in-out;
    	-webkit-transition: all 1s ease-in-out;
    	-o-transition: all 1s ease-in-out;
    }
    #contact-form #success.done {
      background-image: none !important;

    	transition: all 1s ease-in-out;
    	-moz-transition: all 1s ease-in-out;
    	-webkit-transition: all 1s ease-in-out;
    	-o-transition: all 1s ease-in-out;
    }
    #contact-form #success p { padding: 30% 40px 0; font-size: 1.8em; font-family: "Open Sans", sans-serif; }

    /* SLIDE - map */
    #slide_map { background-color: #F0F0F0; }
    .gmap-infowin { text-align: left;}
    .gmap-infowin { padding-left: 180px; padding-top: 10px; height: 110px; background: url(../images/gmap-img.jpg) 0 6px no-repeat; }
    .gmap-infowin strong { display: inline-block; padding: 10px 0; color: #337AB7; }
    .gmap-infowin a { color: #337AB7; text-decoration: underline; }
    .gm-style-iw + div > img { max-width: none; }
    #slide_map #map-canvas { width:100%; height:600px;}
    #slide_map #map-canvas { height: 450px; }




/*----------------------------------------------------------------------------------------
										FOOTER
	background-color: #0165a4;
----------------------------------------------------------------------------------------*/

#footer {
  background-color: rgba(1, 101, 164, 0.8) !important;
  	transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-webkit-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  text-align: left;
  z-index: 100;
}

#footer .row {
	padding: 40px 30px;
	background-color: #0165a4;
}

#footer, #footer * { color: #fafafa; }

#footer #copyright {
	display: block;
	margin: 40px 0 0 0;
  text-align: right;
}

#footer #copyright a {
	font-weight: bold;
	color: inherit;
}
#footer h4 { margin-bottom: 10px; font-size: 16px; text-transform: uppercase; font-weight: 700; }
#footer p {}