@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');


@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic/gothic.eot');
	src: local('gothic'), url('../fonts/gothic/gothic.woff') format('woff'), url('../fonts/gothic/gothic.ttf') format('truetype');
}


@font-face {
	font-family: 'nexabold';
	src: url('../fonts/nexa/nexa-bold-webfont.woff2') format('woff2'),
	url('../fonts/nexa/nexa-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'nexa_lightregular';
	src: url('../fonts/nexa/nexa_light-webfont.woff2') format('woff2'),
	url('../fonts/nexa/nexa_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

body{overflow-x:hidden;font-family: 'Open Sans', sans-serif;}

a,a:hover,a:focus{outline:none}


.navbar-brand{height:auto !important;padding:0px 20px !important;    margin: 0px !important;}
nav.navbar{position: absolute;width: 100%;z-index: 1;font-family: 'gothic' !important;font-size:14px;    padding: 20px 0px 0px 0px;font-weight: 600}
nav.navbar .nav a{color:#000000;    padding: 5px 20px;    margin-top: 2px;}
nav.navbar a:hover, nav.navbar a:focus{background:transparent}
nav.navbar .nav a:hover, nav.navbar li.active a{border-bottom:2px solid #fee303}
.navbar-nav>li:hover >.dropdown-menu{display:block}

.mainmenu li:first-child a{text-indent: -9999px;background:url(../img/home.png) center center no-repeat;}

.navbar-toggle{margin-top:2px;background-color: #86c1c5;}
.navbar-toggle span{background:#fff}


.carousel-inner>.item>img {width:100%}

.slideContent{position:absolute;width:100%;top:40%;text-align:right}
.slideContent .title {
    font-size: 70px;
    line-height: 70px;
    color: #121212;
	font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.slideContent .type-wrap {
	 color: #652482;
    display: inline-block;
}

.scrollDown{

	position: absolute;
	bottom: 35px;
	background: url(../img/scroll.png) center center no-repeat;
	width: 50px;
	height: 50px;
	background-size: cover;
	left: 50%;
	margin-left: -25px;
}

.aboutRow{background:url(../img/about.jpg) top left no-repeat;min-height:400px;background-size: 100%;padding: 20px 0px;color:#393c3c;line-height:34px}
.aboutRow .aboutText{    margin: 65px 0px 0px 0px;font-size:18px;font-style:italic;font-weight:400;    text-align: justify;}
.aboutRow .aboutText span.firstLetter{  font-size:124px;font-style:italic;font-weight:700;float:left;line-height: 117px;    margin: 0px 20px 0px 0px;}
.aboutRow .aboutText span em{  color:#121212}

.inPage .serviceRow{background:transparent;padding:20px 0px 0px 0px} 
.serviceRow{background:#fee303;text-align:center;color:#505050;padding:40px 0px}
.serviceRow h2{font-family: "nexabold" !important;border-bottom:1px solid #000;display:inline-block}
.serviceRow .serviceItem {margin:10px 0px}
.serviceRow .serviceItem img{padding:15px 0px;    height: 80px;}
.serviceRow .serviceItem h4{font-size:16px;}

.jobsRow{}
.jobsRow .jobsItem{padding:0px}
.jobsRow .jobsItem a{text-align:center;display:block;position:relative;overflow:hidden;}
.jobsRow .jobsItem a div.textArea{position:absolute;width:100%;height:100%;background:transparent;top:0px;left:0px;display:none}
.jobsRow .jobsItem a div.textArea h2{font-weight:300;margin-top:0px}
.jobsRow .jobsItem a div.textArea .textAreaText{position:relative;top:50%;margin-top:-15px;}
.jobsRow .jobsItem a:hover div{display:block}
.jobsRow .jobsItem a div:before{background:rgba(92,65,141,0.9);}
.jobsRow .jobsItem span{font-weight:300;font-style:italic;    padding: 9px 0px 0px 0px;display: inline-block;border-top:1px solid #fff}


.referenceRow{text-align:center;color:#505050;padding:40px 0px}
.referenceRow h2{font-family: "nexabold" !important;border-bottom:1px solid #000;display:inline-block;margin-bottom: 30px}

.inPageImgRow{position:relative;text-align:center;}
.inPageImgRow h1{color:#393c3c;background:#fee303;display: inline-block;margin:0px 0px 0px 0px;    z-index: 1;
    position: relative;
    padding: 5px 20px;
    bottom: 23px;    letter-spacing: 2px;font-size:32px;font-family: "nexabold" !important;}
.inPageImg{
	 min-height: 200px;
    object-fit: cover;
}

#map {
    width: 100%;
    margin: 0px 0px 0px 0px;
}


.contactPage footer{

	position: relative;
	top: -95px;
	width: 100%;
	margin: 0px;

}



.modal-header{border-bottom:0px;    padding: 0px;}
.modal-content{background:transparent;    -webkit-box-shadow:none;box-shadow: none;border:0px;    padding: 0px;}
.modal-content .rightContent{border: 2px solid #fff;text-align:center;padding:20px;color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.closeModal{width: 15px;height: 15px;outline: none;background:transparent url(../img/close.png) center center no-repeat !important;    border: none;    position: absolute;right: 40px;top: 40px;}
.modal-content .rightContent h3{text-transform:uppercase;font-weight:700;font-style:italic}
.modal-content .rightContent .description{margin:20px 0px}
.modal-content .rightContent .giveJobs {margin-bottom:10px}
.modal-content .rightContent .giveJobs img{filter: brightness(0) invert(1);}
.modal-content .rightContent .giveJobs p{font-size:12px;margin-top: 10px;}
.modal-content .rightContent h4{color:#ffcc00;font-weight:700;    margin-bottom: 30px;}
.modal-content .rightContent .social{    margin: 20px 8px;padding:10px;border:2px solid #fff;}
.modal-content .rightContent .social ul{    display: inline-block;margin: 0px;padding: 0px;}
.modal-content .rightContent .social a{display:block;padding:4px;    width:55px;height: 30px;}
.modal-content .rightContent .social a.facebook{background:url(../img/facebook.png) center center no-repeat !important;}
.modal-content .rightContent .social a.twitter{background:url(../img/twitter.png) center center no-repeat !important;}
.modal-content .rightContent .social a.instagram{background:url(../img/instagram.png) center center no-repeat !important;}
.modal-content .rightContent .social a.linkedin{background:url(../img/linkedin.png) center center no-repeat !important;}
.modal-content .rightContent .social a.google{background:url(../img/google.png) center center no-repeat !important;}
.modal-content .rightContent .social li{list-style:none;float:left}
.modal-content .rightContent .eye{background: url(../img/eye.png) center center no-repeat;display:inline-block;    padding: 22px;}
.modal-content .rightContent .website a{color:#ffcc00;font-size:16px;}
.modal-content .rightContent .link{color:#ffcc00;font-size:16px;font-style:italic;font-weight:700}
.modal-content .rightContent .website {position:relative;padding-bottom:97px;}
.modal-content .rightContent .website:after{background: url(../img/website.png) 60% center no-repeat !important;
    width: 100%;
    height: 98px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";}
.modal-backdrop{background:#fff url(../img/modalbg.png) top left repeat !important;}
.modal-backdrop.in{    opacity: 0.9;}





/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
  padding:10px;
}

.grid-item img {
  display: block;
  max-width: 100%;
}


.grid-item a {
	overflow: hidden;
	position:relative;
	display:block;
	color:#393c3c;
	text-align:center;
}
.grid-item a div.textArea {
	position: absolute;
	background: rgba(255,222,0,0.90);
	width: 100%;
	height: 100%;

}
.grid-item a div.textArea article{padding:20px;position:relative;top:50%;margin-top:-50px;display:inline-block;}
.grid-item a div.textArea  h3{
    margin-top: 0px;

}

.grid-item a div.textArea  span{
font-weight: 300;
    font-style: italic;
    padding: 9px 0px 0px 0px;
    display: inline-block;
    border-top: 1px solid #393c3c;

}




footer .container{}
footer{
	position:relative;
	margin:40px 0px 0px 0px;
	color:#fff;
	    padding: 95px 0px 50px 0px;
	background:url(../img/footerbg.png) top left no-repeat;background-size:cover;

}

footer .slogan{
	font-size: 1.8em;
	font-family: 'nexa_lightregular';
	position: absolute;
	top: -40px;
	color: #000;
	width: 100%;
	text-align: center;
}

footer .fAdres{background:url(../img/location.png) center left no-repeat;    padding: 8px 0px 3px 34px;background-size: 25px;}
footer .fTelefon{background:url(../img/phone.png) center left no-repeat;    background-size: 25px;padding: 3px 0px 3px 30px;}
footer .fMail{background:url(../img/mail.png) center left no-repeat;    background-size: 25px;padding: 3px 0px 3px 34px;}


form label{font-weight:normal}
.btn-primary {color: #000000;background-color: #fee303;border-color: #fee303;width:100%}
.btn-primary:hover, .btn-primary:focus{color: #fff;background-color: #5c418d;border-color: #5c418d;outline:none}

@media (min-width: 1200px){

	.navbar .container{width:900px;}
	
	
	footer .container {
		width: 800px;
	}

}

@media screen and (max-width:768px) {
.grid-item a div.textArea article{top:0;margin-top:0px;}	
	.grid-item a div.textArea  h3{font-size:14px;}
	.grid-item a div.textArea  span{display:none}
	.jobsRow .jobsItem h2{font-size:22px}	
	.jobsRow .jobsItem span{font-size:12px}	
	.footerLogo{padding: 30px 0px;text-align: center;}
	footer{margin-top:20px}
	.inPageImgRow h1{font-size:18px;bottom:17px}
	.pull-right{float:none !important;}
	.aboutRow{background-repeat:repeat-y;}
	.slideContent{top:40%;}
	.slideContent .title {font-size:50px;line-height:50px}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{min-height:400px;object-fit:cover}
	.navbar-collapse{border:0px;box-shadow:none;-webkit-box-shadow:none;    background: rgba(134, 193, 197, 0.64);text-align: center;margin-top: 10px;}
	.aboutText{ padding: 0px 40px;}
	.leftArrow{left:5px !important}
	.rightArrow{right: 5px !important}

	   
}

.carousel-indicators li{border:none !important;	background-color: #fff;	margin: 0px 1px;}
.carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0px 1px;
	background-color: #fee303;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 80%;
	max-width: 1920px;
}

.leftArrow{background:url(../img/lefticon.png) center center no-repeat;width:18px;height: 17px;display: block;
	position: absolute;left:-33px;top:50%;    background-size: cover;}
.rightArrow{background:url(../img/righticon.png) center center no-repeat;width:18px;height: 17px;display: block;
	position: absolute;right:-33px;top:50%;    background-size: cover;}


.followArea{position: fixed;right:0px;top:50%;z-index: 1;width:152px; padding: 36px 0px;}
.followUS{width: 115px;height: 99px;background:url(../img/bizitakipedin.png) center center no-repeat;background-size:cover;float: right;}
.followUS a{display:block;width:31px;height: 31px;background-size:cover !important;position: relative;display: none}
.followUS .social0{    top: -33px;
	left: 0;}
.followUS .social1{    left: -38px;
	top: -23px;}
.followUS .social2{    top: 1px;
	left: -37px;}
.followUS .social3{    bottom: -8px;
	left: 0;}