/*GENERAL START*/
body {
	font-family:Tahoma, Arial, Helvetica;
}

.container.header {
	border-bottom:10px solid #faba34;
	min-width:300px;
	background-color: transparent;
    background-image: url("/Images/background.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-clip: border-box;
    background-origin: padding-box;
    height:554px;
    background-size:800px 700px;
}

.container.header > .row > .col-xs-12.col-sm-4 {
	padding:0;
}

.container.header > .row > .col-xs-12.col-sm-4 > .navbar {
	padding:0 15px;
}

.container.header > .row > .main-body {
    background-color:#ffffff;
    height:544px;
}


.container.subheader {
	background-color:#008fb1;
	border-bottom:10px solid #d4d6dc;
	padding:5px 15px;
	text-align:right;
	background: #008fb1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #008fb1 0%, #005869 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fb1), color-stop(100%,#005869)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #008fb1 0%,#005869 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #008fb1 0%,#005869 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #008fb1 0%,#005869 100%); /* IE10+ */
	background: linear-gradient(to bottom, #008fb1 0%,#005869 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fb1', endColorstr='#005869',GradientType=0 ); /* IE6-8 */
}

.container.subheader2 {
	background-color:#ffffff;
	border-bottom:10px solid #00ace9;	
	padding:5px 15px;
}

.container.subheader a {
	color:#ffffff;
	font-size:20px;
}

.container.subheader2 a {
	color:#646464;
	font-size:20px;
}

.container.subheader i {
	color:#005869;
	position:absolute;
	top:10px;
	left:70px;
}

.container.subheader2 i {
	color:#ffffff;
	position:absolute;
	bottom:15px;
	right:180px;
}

footer > .container .col-xs-12 {
	padding:10px 15px;
}

footer > .container .col-xs-12 > img {
	float:left;
	margin:5px;
	width:30px;
}

footer > .container .col-xs-12 > a > img {
	float:left;
	margin-left:5px;
	width:30px;
}


footer > .container .col-xs-12 > p {
	color:#ffffff;
	font-size:12px;
	line-height:14px;
	margin:5px;
}

footer > .container .col-xs-12 > a {
	color:#ffffff;
	float:left;
	font-size:12px;
	margin-top:5px;
}

footer > .container .col-xs-12 > a > p{
	margin-top:5px;
}


.main-body > .title-bar {
	background-color:#ffd203;
	margin-bottom:30px;
	margin-top:10px;
	-webkit-box-shadow: 0 10px 10px 0 #eeeeee;
	box-shadow: 0 10px 10px 0 #eeeeee;
}

.main-body > .title-bar > h1 {
	color:#ffffff;
	font-size:34px;
	margin-right:80px;
	padding:0;
	text-align:right;
}

.main-body p {
	color:#646464;
	text-align:justify;
}

nav.navbar {
	background-color:#ffffff;
	border:1px solid #b8b8b8;
	border-bottom:0;
	border-top:0;
	height:544px;
	margin-bottom:0;
	border-radius:0;
	z-index:1;
	-webkit-box-shadow: 12px 0 15px -4px #b8b8b8, -12px 0 8px -4px #b8b8b8;
	box-shadow: 12px 0 15px -4px #b8b8b8, -12px 0 8px -4px #b8b8b8;
}

nav.navbar img.imenik {
	position:absolute;
	left:-30px;
	width:300px;
	z-index:1;
}

.navbar-brand {
	float:none;
	height:100px;
}

.navbar-brand > img {
	margin:0 auto;
	max-width: 170px;
}
	
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #646464;
	background-color: transparent;
}

ul.navbar-nav {
	text-align:center;
}

ul.navbar-nav li {
	border-top:1px solid #646464;
}

ul.navbar-nav li a {
	font-size:12px;
	padding:10px 15px;
}
/*GENERAL END*/

/*HOMEPAGE START*/
.container.homepage {
	background-color:#d8d8d5;
	color:#646464;
}

.container.homepage .col-sm-4 {
	padding:30px 0 20px 0;
	text-align:center;
}

.container.homepage .col-sm-4:nth-of-type(1) {
	border-right:20px solid #e0e1de;
}

.container.homepage .col-sm-4:nth-of-type(3) {
	border-left:20px solid #e0e1de;
}

.container.homepage .col-sm-4 > h2 {
	font-size:30px;
}

.container.homepage .col-sm-4 > hr {
	background-color:#edefee;
	height:3px;
	margin:20px 5%;
	width:90%;
}

.container.homepage .col-sm-4 > p {
	margin:0 5% 10px;
	text-align:justify;
	width:90%;
}

.container.homepage .col-sm-4 > form {
	margin:0 5%;
	text-align:left;
	width:90%;
}

.container.homepage .col-sm-4 > form > .form-group {
	margin-bottom:5px;
}

.container.homepage .col-sm-4 > form > .form-group > label {
	margin-bottom:2px;
}

.container.homepage .col-sm-4 > form > .form-group > input {
	height:28px;
	padding:2px 5px;	
}

.container.homepage .col-sm-4 > form > input {
	border:0;
	background-color:transparent;
	color:#2c94bb;
	float:right;
}

.container.homepage > .row > .col-xs-12.col-md-10 > .row {
	display:flex;
	justify-content:center
}
/*HOMEPAGE END*/

/*CONTACT START*/
.main-body form > .form-group {
	color:#646464;
	margin-bottom:5px;
	text-align:right;
}

.main-body form > .form-group > label {
	margin-bottom:2px;
}

.main-body form > .form-group > input {
	height:28px;
	padding:2px 5px;
}

.main-body form > input {
    position: relative;
    top: -60px;
	border:0;
	background-color:transparent;
	float:right;
	height:50px;
	width:50px;
	background-color: transparent;
    background-image: url("/Images/icons/send-mail-job.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size:100% 100%;
}
/*CONTACT END*/

/*CONTENT START*/
.container.content {
	background-color:#d8d8d5;
	color:#646464;
}

.container.content .col-sm-3 {
	padding:15px;
	text-align:center;
}

.container.content .col-sm-3 > p {
	font-weight:bold;
}

.container.content .col-sm-3 > hr {
	background-color:#edefee;
	height:3px;
	margin:20px 0;
}

.container.content .col-sm-3 > img {
	margin:0px auto 0px auto;
}
.center-image {
    margin-left:auto;
    margin-right:auto;
}

.icon-scale {
    width:30%;
    height:30%;
    }
/*CONTENT END*/

/*PUBLISHING START*/
.row.publishing > .col-md-10 > .row {
	color:#646464;
	padding-top:20px;
	text-align:center;
}
/*PUBLISHING END*/

/*VERTICAL NAVBAR START*/
@media (min-width: 768px) {
	.navbar-collapse {
		height: auto;
		border-top: 0;
		box-shadow: none;
		max-height: none;
		padding-left:0;
		padding-right:0;
	}
	
	.navbar-collapse.collapse {
		display: block !important;
		width: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
	
	.navbar-collapse.in {
		overflow-x: visible;
	}

	.navbar {
		max-width:300px;
		margin-right: 0;
		margin-left: 0;
	}	

	.navbar-nav,
	.navbar-nav > li,
	.navbar-left,
	.navbar-right,
	.navbar-header {
		float:none !important;
	}
	
	.navbar-right .dropdown-menu {left:0;right:auto;}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
}
/*VERTICAL NAVBAR END*/

/*col-md*/
@media only screen and (max-width:1200px) {
	.container.subheader i {
		left:100px;
	}
	
	.container.subheader2 i {
		right:120px;
	}
}


/*col-sm*/
@media only screen and (max-width:992px)  {
	.container.subheader {
		text-align:left;
	}
	
	.container.subheader i {
		left:20px;
	}
	
	.container.subheader2 {
		text-align:right;
	}
	
	.container.subheader2 i {
		right:20px;
	}
	
	.header {
        background-position: top left !important;
	}
}

/*col-xs*/
@media only screen and (max-width:768px) {
	.container.header {
        height:650px;
	}
	
	.container.homepage > .row > .col-xs-12.col-md-10 > .row {
		display:inline-block;
		justify-content:none;
	}
	
	.container.homepage .col-sm-4:nth-of-type(1) {
		border-right:0;
	}
	
	.container.homepage .col-sm-4:nth-of-type(3) {
		border-left:0;
	}
	
	footer > .container .col-xs-12 > img.pull-right {
		float:left !important;
	}
	
	nav.navbar {
		height:auto;
		width:100%;
	}
	
	.navbar-brand {
		height:20px;
		float:left;
	}
	
	.navbar-brand > img {
		height:20px;
	}
}

/*extra small*/
@media only screen and (max-width:390px) {
	.container.header {
        height:720px;
	}
}