@import url(https://fonts.googleapis.com/css?family=Ubuntu);

body { font-family: 'Ubuntu', sans-serif; color: #afafaf; }

.col-centered { float: none; margin: 0 auto; }

/*********************** HEADER *******************/

/*.fixed { position: fixed; z-index: 5; top: 0; width: 100%; height: 120px; }*/

header { background: #f7f7f7; padding: 15px 0; }
header nav { float: right; }
header nav ul li { margin-right: 15px; }
header nav ul li:last-child { margin-right: 0px; }
header nav ul li a { color: #2d5e80; padding: 5px 13px!important; }
header nav ul li:hover, header nav ul li.active { background: #0e466d!important; }
header nav ul li.active a { color: #fff; }
header nav ul li:hover a { background-color: #e96100!important; }
header nav .icon-bar { background: #FFF; }
header nav .navbar-toggle { border: 1px solid #FFF; }
header nav .container-fluid { padding: 0px; margin: 0px; }
header .navbar { position: relative; min-height: 40px; margin-bottom: 0px; border: none; }
header .navbar-collapse { padding: 0px; }
header .phone { background: url('../img/header-icon-phone1.png') no-repeat left; padding-left: 22px; color: #2d5e80; font-size: 17px; display: inline-block;  }
header .email a { background: url('../img/header-icon-email1.png') no-repeat left ; padding-left: 25px; color: #2d5e80; font-size: 17px; display: inline-block; margin: 5px 0 0 25px; }
header .info {margin-right:15px; margin-top:-5px; margin-bottom:15px;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin: 0px; }

.fixed { width: 100%; position: fixed; top: 0; z-index: 100000; border-bottom: 2px solid #f8a900; }
.oranzna { border-bottom:2px #F8A900 solid; }

.slider { height: auto; background: #e4e4e4; }
.slider .carousel-caption { background: rgba(240, 241, 242, 0.4); width: 480px; height: 180px!important; left: none; top: 30px; opacity: 0.9; color: #0e466d; text-align: left; padding: 10px 25px; }
.slider .carousel-indicators { bottom: -28px; }
.slider .carousel-indicators li { background: url('../img/slider-nav.png'); width: 29px; height: 27px; border: 0px; }
.slider .carousel-indicators li.active { background: url('../img/slider-nav-hover.png'); }
.slider h3 { font-size: 28px; }

/*********************** CONTENT *******************/

.section1 { background: #e4e4e4; padding: 40px 0 60px 0; color: #575757; }
.section1 p { height: 70px;}
.section1 .btn-bottom { position: absolute; left: 50%; margin-left: -41px; margin-top: 20px;  }
.section1 .item p { font-size: 16px; }
.section1 .item a { font-size: 16px; color:#e96100; }

.section2 { background: url('../img/section2-bg.png') no-repeat center #e4e4e4; width: 100%; min-height: 710px; padding: 70px 0; }
.section2 h3 { color: #2d5e7f; font-size: 18px; font-weight: bold; margin-top: 5px; }
.section2 p { color: #4d4d4d; }
.section2 ul { list-style: none; padding-left: 0px; display: table; }
.section2 ul li { background: url('../img/section2-list-icon.png') no-repeat 2px 3px; padding-left: 25px; color: #4d4d4d; padding-bottom: 5px; font-size: 13px; }
.section2 img { padding-right: 30px; display: block; }
.section2 .col-md-6.col-centered { margin-top: 70px; }
.section2 .ikone:hover img { background: url('../img/section2-img3-hover.png') no-repeat; }
.section2 h2 { font-size: 18px; color: #e96100; }

.section3 { margin: 60px 0; color: #0e466d; }
.section3 .col-md-4 { border: 1px solid #f2f2f2; padding: 15px; max-width: 30%; margin-right: 58px; }
.section3 .col-md-4:last-child { margin-right: 0px; }
.section3 .col-md-4 h3 { font-size: 20px; }
.section3 .btn { border-radius: 0px; background: #eee; }

.content { color: #4d4d4d; padding-left: 40px; }
.content h2 { color: #0e466d; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; }
.content p { line-height: 24px; }
.content .pic {padding-right:10px; padding-bottom:10px;}
.content ul {display:inline-table;}
.content .news { margin-bottom: 40px;}
.content .news hr { margin-top: 55px; clear:both;}

.left-menu { background: url('../img/section-content-menu.jpg'); margin-top: 25px; padding: 15px; color: #FFF; }
.left-menu ul { list-style: none; padding-left-menu: 0px; margin-top: 10px; }
.left-menu ul li { background: #e5e5e5; padding: 5px 15px; margin-bottom: 3px; width: 100%; }
.left-menu ul li:hover, .left-menu ul li.active { background: #00587b; }
.left-menu ul li:hover a { color: #FFF; }
.left-menu ul li a { color: #000; text-decoration: none; width: 100%; display: block; }

.left-menu a { color: #FFF; }
.left-menu hover a { color: #FFF; text-decoration: underline; }

.text-center .img-responsive { display: initial; }
.text { margin-bottom: 35px; }
.text img { padding-right: 25px; }
.text ul { padding-left: 15px; display: inline-block; }

/*********************** FOOTER *******************/

footer { background: #081f42; color: #b6b6b6; padding-top: 50px; }
footer .btn { background: #e96100; border-radius: 0px; color: #fff!important; padding: 20px; position: absolute;  margin-top: -80px; width: 214px; left: 50%; margin-left: -107px; border: 5px solid #FFF;  }
footer h3 { border-bottom: 1px solid #a5a5a5; padding: 10px 0; font-size: 18px; margin-bottom: 20px; }
footer ul { list-style: none; margin-left: 0px; padding-left: 0px; }
footer ul li a { color: #b6b6b6!important; }
footer ul li { padding-bottom: 18px; }
footer .border { border-bottom: 1px solid #a5a5a5; padding: 20px 20px; }
footer .top { position: absolute; left: 50%; margin-top: -10px; margin-left: -41px; }
footer .sign { font-size: 11px; margin-top: 30px; margin-bottom: 30px; color: #939393; }
footer .sign a { color: #484848; float: right; padding-right: 70px; background: url('../img/1ainternet.png') no-repeat right 3px; }

/*********************** RESPONSIVE *******************/

@media (max-width: 991px) {
	.fixed { position: inherit; }
	
	.content { padding-left: 0px; }
	
	.section3 .col-md-4 { max-width: 100%; margin-bottom: 30px; margin-right: 0px; }
	.section3 .col-md-4 img { float: left; display: inline; padding-right: 25px; }
	
	header nav { float: left; }
	
	.section2 { padding: 0px; margin-top: -12px; }
	.section2 .col-md-6 { position: relative; top: 30px; }
	.section2 .col-md-6.col-centered { margin-top: 0px; }
}

@media (max-width: 768px) {
	header nav { clear: both; display: block; background: #0e466d; color: #000; z-index: 10; margin-bottom: 20px; position: relative; width: 100%; }
	header nav ul li a { padding: 10px 15px!important; text-align: center; }

	.section1 img { text-align: center; }
	
	header h4 { font-size: 28px; }
	.content .pic { width:190px; }
}

@media (max-width: 650px) {
	.section1 .btn-bottom { display: none; }
	.section2 { margin-top: -150px; }
	.section2 .col-md-6 { float: left; width: 100%; }
	.section2 img { width:190px; }
	
	.section1 p { height: 120px; }
	
	.section2 { margin-top: 0px; background: #e4e4e4;  }
	.section2 .col-md-6 { top: 5px; }
	
	.slider { margin-bottom: 50px; }
	.slider .carousel-caption { display: none; }
}

@media (max-width: 450px) {
	.section1 .btn-bottom { display: none; }
	.section2 { margin-top: -150px; }
	.section2 .col-md-6 { float: left; width: 100%; }
	.section2 img { width:190px; display:block; text-align:center; margin:10px 60px 20px 60px; }
	
	.content h2 { text-align:center; }
	
	.section1 p { height: 120px; }
	
	.section2 { margin-top: 0px; background: #e4e4e4;  }
	.section2 .col-md-6 { top: 5px; }
	
	.slider { margin-bottom: 50px; }
	.slider .carousel-caption { display: none; }
}