/*common style*/
.mrt-50{margin:50px 0;}
.mrt-20{margin:20px 0;}
.mrt20{padding-bottom:50px;}
/*font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;*/
p{font-family: 'Open Sans', sans-serif;}
body{background: url(../images/body-bg.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#00468c; position:relative;} 
.logo{text-align:center; margin-bottom:160px;}
.section { padding: 60px 0 0;}
.bg-white{background:#FFF;}
/* ================================================================
	BODY
   ================================================================ */
.container-info{max-width:870px; margin:0 auto;}
.onama-div{margin-bottom:70px;}
.onama-div h3{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:45px; font-weight:lighter; text-align:center; margin:30px 0 20px 0;}
.onama-div p{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:18px; font-weight:lighter; text-align:center; line-height:20px;}
.head-div{margin:0 auto; width:350px; padding-top:60px;}
.h-t-info{letter-spacing:3px; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:13px; padding:5px 20px; color:#FFF; border:1px solid #9fabb7; text-align:center; float:left; display:inline-block;}
.line-left{border-bottom:1px solid #9fabb7; width:75px; margin:15px 0 0 0; float:left; display:inline-block; position:relative;}
.line-left2{border-bottom:1px solid #9fabb7; width:68px; margin:15px 0 0 0; float:left; display:inline-block; position:relative;}
.line-left-3{border-bottom:1px solid #9fabb7; width:30px; margin:15px 0 0 0; float:left; display:inline-block; position:relative;}
.line-left6{border-bottom:1px solid #9fabb7; width:30px; margin:15px 0 0 0; float:left; display:inline-block; position:relative;}
.name-h{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:30px; font-weight:lighter; text-align:center; margin:20px 0;}
.name-h2{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:14px; font-weight:lighter; text-align:center;}
.n-1{float:right; margin-right:20px; max-width:330px;}
.n-2{float:left; margin-left:20px; max-width:330px;}
.lokacija-bg{background-color:#00468c;}
.lokacij-info{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:18px; font-weight:lighter; text-align:center; line-height:22px;}
.i-n-info{margin:40px auto; max-width:870px;}
.i-n-info h5{font-family: 'Open Sans', sans-serif; color:#00468C; font-size:28px; font-weight:lighter; text-align:center; line-height:30px; margin:0 0 20px 0;}
.i-n-info p{font-family: 'Open Sans', sans-serif; color:#00468C; font-size:18px; font-weight:lighter; margin-top:20px; text-align:center; line-height:22px;}
.tab-nav{margin:0 auto; padding:0; list-style:none; width:400px; position:relative; z-index:111;}
.tab-nav li{letter-spacing:3px; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:13px; padding:5px 20px;  border:1px solid #7fa2c5; text-align:center; float:left;  background:#FFF;
display:block;}
.tab-nav li:first-child{border-right:0;}
.tab-nav li a{color:#7fa2c5; text-decoration:none;}
.tab-nav #current a,
.tab-nav #current a::after{
	color:#00468c;
}
.line-3{ width:450px; margin:50px auto 50px auto;}
.line-4{border-bottom:1px solid #7fa2c5; position:relative; top:15px;}
.color-2{color:#00468C !important;}
.contact-info{font-family: 'Open Sans', sans-serif; color:#212121; font-size:24px; font-weight:lighter; text-align:center;}
.bottom-0{border-bottom:0 !important;}
.btn-send{background:#00468C; color:#FFF; font-family: 'Open Sans', sans-serif; font-size:16px; text-align:left; font-weight:bold; text-transform:uppercase; padding:15px 0 15px 20px; border:0; display:block; width:100%;transition: background .50s ease-in-out; margin-top:10px;
 -moz-transition: background .50s ease-in-out;
 -webkit-transition: background .50s ease-in-out;}
 .btn-send:hover{background:#7fa2c5; }
 .footer-bg{background-color:#00468c;}
 .footer-logo{text-align:center; margin:50px 0 50px 0;}
 .footer-text{font-family: 'Open Sans', sans-serif; font-size:13px; text-align:center; font-weight:lighter; text-transform:uppercase; color:#EDEDED; margin-bottom:40px;}
 #btn_up {color:#fff !important; width:50px; height:50px; background:#7fa2c5; text-transform:uppercase; font-family: 'Montserrat', sans-serif;
position:fixed; overflow:visible; right:20px; bottom:2px; line-height:50px; font-size:15px; text-align:center; z-index:999999; transition: background .50s ease-in-out;
 -moz-transition: background .50s ease-in-out;
 -webkit-transition: background .50s ease-in-out; text-decoration:none;}
#btn_up:hover {background:#00468c; text-decoration:none;}

.sektori-wrap{margin:30px 0 0 0; padding:0; list-style:none;}
.sektori-wrap li{ font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:15px; float:left; height:150px; width:195px;}
.sektori-wrap li a{color:#A7A4A1;  display:block; padding:20px 32px; text-align:center; line-height:15px; text-decoration:none;}
.sektori-wrap li:hover{cursor:pointer;}
.sektori-wrap li a:hover{color: #FFF;}
.sektori-wrap li a:focus,
.sektori-wrap li a:active {
	 border-bottom:5px solid #FFF; cursor:pointer;
     color:#FFF;
}
.gradevinarstvo{background:url(../images/icon-1.png) no-repeat; width:54px; height:64px; margin:10px auto;  display:block;}
.nekretnine{background:url(../images/icon-2.png) no-repeat; width:50px; height:64px; margin:10px auto;  display:block;}
.bankarstvo{background:url(../images/icon-3.png) no-repeat; width:50px; height:64px; margin:10px auto; display:block;}
.p-hrane{background:url(../images/icon-4.png) no-repeat; width:50px; height:64px; margin:10px auto; display:block;}
.t-v-povrcem{background:url(../images/icon-5.png) no-repeat; width:60px; height:64px; margin:10px auto; display:block;}
.obrazovanje{background:url(../images/icon-6.png) no-repeat; width:60px; height:64px; margin:10px auto; display:block;}
.kljucni-sektori-info{margin:20px 0 0 0;}
.kljucni-sektori-info h5{font-family: 'Open Sans', sans-serif; color:#FFF; font-size:28px; font-weight:lighter; text-align:center; padding:100px 20px 0 20px; display:block; margin:0; line-height:28px;}
.kljucni-sektori-info p{font-family: 'Open Sans', sans-serif; color:#FFFFFF; font-size:18px; font-weight:lighter; margin-top:20px; text-align:center; padding:0 20px 0 20px;}

.slide-bg{background-color:#202a3e; height:100%;}
.bor0{border:0 !important;}
#map-canvas{width: 100%; height: 600px; margin:0; padding:0;}
  
.slide-bg1{background:url(../images/section-construction.jpg) center bottom no-repeat;  min-height:607px;} 
.slide-bg2{background:url(../images/section-housing.jpg) center bottom no-repeat;  min-height:607px;} 
.slide-bg3{background:url(../images/section-banking.jpg) center bottom no-repeat;  min-height:607px;}
.slide-bg4{background:url(../images/section-food-production.jpg) center bottom no-repeat;  min-height:607px;}
.slide-bg5{background:url(../images/section-fruit-trade.jpg) center bottom no-repeat;  min-height:607px;}
.slide-bg6{background:url(../images/section-education.jpg) center bottom no-repeat;  min-height:607px;}                 
      
.form-control {
  display: block;
  height: 55px !important;
  padding:6px 20px !important;
  font-size: 14px;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #aaaaaa;
  vertical-align: middle;
  background-color: #f4f4f4;
  background-image: none;
  border:1px solid #aaaaaa;
}
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  
}
 
input[type=text]:focus, textarea:focus {
  box-shadow:inset 0 0 2px #aaaaaa;
  background:#FFF;
}
.form-control2 {
  display: block;
  padding:6px 20px !important;
  font-size: 14px;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #aaaaaa;
  vertical-align: middle;
  background-color: #f4f4f4;
  background-image: none;
  border:1px solid #aaaaaa;
} 
.l-i-map-div{background:url(../images/map-fr.jpg) center bottom no-repeat; min-height:619px;}
.c-logo{text-align:left; border-bottom:1px solid #eeeeee;padding-left:50px; padding-bottom:10px; margin-bottom:10px;}
.c-info{padding-left:50px;}
.c-info p{color:#111111; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase;} 
.w-50-1{width:50%; display:block; float:left;}  
.c-address{background:#FFF; padding:50px 0; position:absolute; z-index:88; margin-top:140px; width:400px;} 

.notification-info{font-family: 'Open Sans', sans-serif; font-size:14px; color:#3460a3; font-weight:bold; padding:20px 0; display:none;}
.r-info{font-family: 'Open Sans', sans-serif; font-size:13px; color:#FF0000; font-weight:bold; padding:2px 0; display:none;}


.color-1{color:#111111; }
.color-1:hover{color:#00468C; text-decoration:none;}
.misijaweb-div{width:90px; margin:50px auto 50px auto;}
.misijaweb {background-color: rgba(255, 255, 255, 0.1); background-image: url(../images/btn-misijaweb.png); background-position: 8px 8px; background-repeat: no-repeat; cursor: pointer; display: block; height: 0; overflow: hidden; padding: 44px 8px 0; width: 75px; float:right;}
.misijaweb:hover {background-color: #000000; width: 90px;}
.transition {transition: all 0.2s linear 0s;}


/* ================================================================
	RESPONSIVE CODE
   ================================================================ */
	@media (min-width: 993px) and (max-width: 1169px){
	 .sektori-wrap li{ font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:15px; float:left; width:150px;  height:150px;}
     .sektori-wrap li a{padding:20px 0px;}
	 
	}
	@media (min-width: 768px) and (max-width: 970px){
	 .sektori-wrap li{width:230px;  height:150px;}
	
	}
	@media (min-width: 480px) and (max-width: 767px) {
	
	.logo{margin:20px 0 60px 0;}
	.bor0{border:inherit !important;}
	.n-1{float:none; margin:15px; max-width:100%;}
    .n-2{float:none; margin:15px; max-width:100%;}
	.sektori-wrap{margin-left:15px;}
	.sektori-wrap li{width:32%;   position:relative; }
	.mrtr{margin:0 15px;}
	.onama-div h3{font-size:34px;}
	.kljucni-sektori-info h5{padding-top:50px;} 
	.l-i-map-div{display:none;}  
	.l-i-map-div-tab{background:url(../images/lein-international-map-tab-fr.png) center bottom no-repeat; min-height:580px;}
	.c-logo{padding-left:30px; text-align:center;}
    .c-info{padding-left:30px;}
    .c-address{background:#FFF; padding:20px 0; position:inherit; z-index:inherit; margin:0 15px; width:auto;} 
	.misijaweb-div{margin:15px auto;}
	.footer-logo{text-align:center; margin:30px 0 0 0;}
	}
	@media (min-width: 320px) and (max-width: 479px) {
	
	.logo{margin:20px 0 60px 0;}
	.bor0{border:inherit !important;}
	.n-1{float:none; margin:15px; max-width:100%;}
    .n-2{float:none; margin:15px; max-width:100%;}
	.line-3{ width:100%; margin:100px auto 0 auto;}
	.tab-nav{margin:0 ; width:auto;}
	.tab-nav li{width:260px; margin:0 auto; float:none;}
	.tab-nav li:first-child{border-right:1px solid #7fa2c5; border-bottom:0;}
    .line-4{border-bottom:0;}
	.sektori-wrap li{width:100%; float:none; height:auto;}
	.sektori-wrap li a{padding:10px; border-bottom:1px solid #A7A4A1; text-align:center; width:auto;}
	.onama-div h3{font-size:30px;}
    .onama-div p{font-size:16px;}
	.mrtr{margin:0 15px;}
	.kljucni-sektori-info h5{padding-top:50px;} 
	.l-i-map-div{display:none;}  
	.l-i-map-div-tab{display:none;}
	.l-i-map-div-mobile{background:url(../images/lein-international-map-mobile-fr.png) center bottom no-repeat; min-height:347px;}
	.sektori-wrap li i{display:none;}
	.c-logo{padding-left:30px; text-align:center;}
    .c-info{padding-left:30px;}
    .c-address{background:#FFF; padding:20px 0; position:inherit; z-index:inherit; margin:0 15px; width:auto;}
	.misijaweb-div{margin:15px auto;}
	.footer-logo{text-align:center; margin:30px 0 0 0;}
	
	}
	@media (min-width: 200px) and (max-width: 319px) {
	
	.logo{margin:20px 0 60px 0;}
	.bor0{border:inherit;}
	.n-1{float:none; margin:15px; max-width:100%;}
    .n-2{float:none; margin:15px; max-width:100%;}
	.mrtr{margin:0 15px;}
	.kljucni-sektori-info h5{padding-top:50px;} 
	}