/*
 * AddWords style
 */

 @font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/Roboto-Regular.woff') format('woff'),
         url('../fonts/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold.woff2') format('woff2'),
         url('../fonts/Roboto-Bold.woff') format('woff'),
         url('../fonts/Roboto-Bold.ttf') format('truetype'),
         url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
 
html,body{height:100%;}

body {
    
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
}

#wrapper {
    overflow:hidden;
	position: relative;	
}

.container {
    position: relative;

}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto-Bold';
	margin: 0 0 20px 0;
}

h1{
  font-size:52px;
  text-transform:uppercase;
}

h2{
   font-size:32px;
   text-transform:uppercase;
   margin-bottom: 15px;
}

h2.blue{
   color:#447ec1;
}

h3{
  font-size:20px;
  margin-bottom: 27px;
}

h3.section-a{
  margin: 25px 0 3px 0;
  font-size:16px;
  text-transform:uppercase;
}

p.lead.black{
    color: #333333;
}

a, a:focus {

	outline: none;
	text-decoration: none;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

a:hover {

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

p {
	font-weight: 300;
}


::selection {
	background: #000; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #000; /* Firefox */
	color: #fff;
}


/**** MAIN NAVIGATION ****/

.icon-left-open-big{text-align:right!important; width:auto!important;}
.icon-right-open-big{text-align:left!important; width:auto!important;}

.navbar {
   border: none;
}

.navbar-nav {
  float: right;
}

.navbar-inverse {
   background-color: rgba(0,0,0,0.85);	
}



.small-logo {
  width: 160px;
  height: 32px;
  background: url(../img/homepage-logo-big.png) 0 0 no-repeat;
  background-size: cover;
}

.big-logo {
  width: 230px;
  height: 66px;
  background: url(../img/homepage-logo-big.png) 0 0 no-repeat;
}

.navbar-brand {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-size: 100% auto;
  padding: 0;
  margin: 10px 0 5px 5px;
}

.navbar-nav > li {
  margin: 0;
}

.navbar-nav > li > a {
  font-weight: 300;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 10px;
  line-height: 81px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.active > a:hover {
  background-color: #447ec1;
  color: #fff;
}


/****** media query for header *****************/

/* Small Mobile screens */

@media (max-width:767px){

	.navbar-nav{
		margin:0;
		width:100%;
		text-align:center;
	}

	.navbar-nav > li > a{
		line-height:26px;
		font-size:16px;
		text-transform:uppercase;
		position:relative;
	}

}

@media (min-width:768px) and (max-width:991px){

	.navbar-nav > li > a{
		line-height:56px;
		font-size:12px;
		text-transform:uppercase;
		padding:0 9px;
    }
}

@media (min-width:992px) and (max-width:1199px){

	.navbar-nav > li > a{
		line-height:56px;
		font-size:16px;
		text-transform:uppercase;
		padding:0 15px;
	}
}

/* Large screens */

@media (min-width:1200px){

	.navbar-nav > li > a{
		font-size:18px;
		text-transform:uppercase;
		padding:0 15px;
	}

	.navbar-nav > li > a:after{
		border-color:transparent;
		border-left:12px solid rgba(0, 0, 0, 0);
		border-right:12px solid rgba(0, 0, 0, 0);
		border-top:0 solid transparent;
		bottom:12px;
		content:"";
		height:0;
		left:50%;
		margin-left:-12px;
		position:absolute;
		width:0;
		z-index:999;
		-webkit-transition:border-color 0.3s ease-out;
		-moz-transition:border-color 0.3s ease-out;
		-o-transition:border-color 0.3s ease-out;
		transition:border-color 0.3s ease-out;
	}

	.navbar-nav > li > a:hover:after, .navbar-nav > li > a:focus:after, .navbar-nav > li.active > a:after{
		border-color:#447ec1 rgba(0, 0, 0, 0);
		border-top:12px solid #447ec1;
		bottom:-12px;
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		-o-transition:all 0.2s ease-out;
		transition:all 0.2s ease-out;
	}
}

/******* section header *****************/


#header-section.header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

#header-section .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

#header-section .header-content .header-content-inner hr {
    margin: 30px auto;
}

#header-section .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}


/**** HEADER PART ******/


.intro-header {
    padding-top: 60px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 130px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/header_bg.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 10%;
	text-align: left;
}

.intro-message > h1{
    margin-bottom:0px;
    line-height: 48px;
}

.intro-message > h2  {
	color:#ffffff;
}

.intro-message ul,
.content-section-b ul{
  list-style:none;
  padding:0px;
}

.intro-message ul li{
  margin-bottom:5px;
}

.intro-message .glyphicon,
.content-section-b .glyphicon{
  padding-right:10px;
}

.btn.btn-default.kontakt{
  display: inline-block;
  padding: 6px 25px;
  margin-bottom: 0;
  font-size: 26px;
  font-family: 'Roboto-Regular';
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius:0px;
  color:#333333;
}


@media(max-width:767px) {
    .intro-header{
	  background-image:none;
	  background-color:#447ec1;
	}

    .intro-message {
        padding-bottom: 15%;
		padding-top:10%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }
	
	.btn.btn-default.kontakt{
	  font-size:21px;
	}
}

/********** section two *****************/
.content-section-a {
    padding: 32px 0 18px 0;
    background-color: #ffffff;
}

p.lead{
  font-size:16px;
  font-family: 'Roboto-Regular';
  line-height: 19px;
}

.pie.visible-lg{
  bottom: -18px;
  position: absolute;
  right: -300px;
  width: 78%;
  z-index: 1;
}

.pie.visible-lg img{
  margin:0 auto;
}


/********** section three *****************/

.content-section-b-all{
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
}

.content-section-b {
  color: #333333;
  background: #ffffff;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;  
}
.content-section-b .container {
	padding-bottom: 2%;
	padding-top: 2%;
}


.content-section-b:hover{
  background: #447ec1;
  color: #ffffff;
  cursor:pointer;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service .service-icon {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #447ec1;
  float: left;
  width: 100%;
  text-align: center;
}

.service:hover .service-icon {
  fill: #fff;
}
.service .service-icon svg {
  width: 80px!important;
  height: 80px!important;
}

.content-section-b  h3{
    color: #447ec1;
}
.content-section-b:hover h3,
.content-section-b:hover h2.blue{
    color: #fff;
}

.service-icon {
  width: 91px;
  height: 101px;
  display: block;
  background-image: url(../img/img111.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}
.content-section-b:hover .service-icon {
  background-position: bottom center;
}

.service-icon.two {
  width: 84px;
  height: 80px;
  display: block;
  background-image: url(../img/img222.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.two {
  width: 84px;
  height: 78px;
  display: block;
  background-image: url(../img/img222.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.three{
  width: 91px;
  height: 87px;
  display: block;
  background-image: url(../img/img333.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.four{
  width: 91px;
  height: 84px;
  display: block;
  background-image: url(../img/img444.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.five{
  width: 120px;
  height: 100px;
  display: block;
  background-image: url(../img/sl1.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.six{
  width: 121px;
  height: 100px;
  display: block;
  background-image: url(../img/sl5.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.seven{
  width: 121px;
  height: 100px;
  display: block;
  background-image: url(../img/sl6.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}

.service-icon.eight{
  width:119px;
  height: 100px;
  display: block;
  background-image: url(../img/sl7.png);
  background-position: top center;
  background-repeat: no-repeat;
  margin: 20px auto;
}


.content-section-b  h2.text-center{
    color: #447ec1;
}
.content-section-b:hover h2.text-center{
    color: #fff;
}

/********* partners ********************/


#section_references{
	background:#447ec1;
	color:#fff;
	position:relative;
	text-align:center;
	padding:15px 0 20px;
}

#section_references .container{
  position:static;
}

#section_references h2{
	color:#fff;
	font-size:32px;
	line-height:24px;
}

#homepage-references,
#homepage-clients{
	width:100%;
	height:auto;
	position:relative;
}

#homepage-references .owl-prev,
#homepage-clients .owl-prev{
   position:absolute; left:0%; top:50%; margin-top:-30px;
}

#homepage-references .owl-next,
#homepage-clients .owl-next
{
  position:absolute; right:0%; top:50%; margin-top:-30px;
}

.homepage-reference{cursor:pointer;}

#homepage-reference a img{

margin:0 auto;

opacity:0.6;

}


#homepage-reference a:hover img, .active .homepage-reference a img{

opacity:1;

}

@media (min-width:1200px){
	#section_references .container{

	position:static;

	width:1250px;

	}

}



/******** prices ************/
.content-section-c{
     border-top: 5px solid #000;
	 position: relative;
  text-align: center;
  padding: 15px 0 30px;
}

/******* contact *************/

section#kontakt{
  background: url(../img/kontakt_bg.jpg) center center no-repeat fixed;
  background-size: cover;
  text-align: center;
  padding: 85px 0;
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
}

#contactForm .form-control{
  display: block;
  width: 100%;
   height: 36px;
  padding: 9px 19px;
  font-family: 'Roboto-Regular';
  font-size: 16px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
  background-image: none;
  border:0px;
  border-bottom:2px solid #447ec1;
  border-radius: 0px;

}

#contactForm textarea.form-control{
  height:95px;
  resize: none;
}

:-webkit-input-placeholder{color: #333333;}

footer {
    padding: 5px 0;
    background-color: #fff;
}

/****** sliders **************/
#homepage-references .owl-pagination,
#homepage-clients .owl-pagination{
 display:none;
}

.homepage-reference img
 {
  margin: 0 auto;
  opacity: 1;
}


#homepage-references .owl-prev{
  background-image: url(../img/arrow-l.png);
  height: 72px;
  width: 36px;
  background-color: transparent;
}

#homepage-references .owl-next{
  background-image: url(../img/arrow-r.png);
  height: 72px;
  width: 36px;
  background-color: transparent;
}

#homepage-references .owl-carousel .owl-wrapper-outer{
  width: 100%;
  margin: 0 auto;
}


/* #homepage-clients .owl-carousel .owl-wrapper, .owl-carousel .owl-item{
   padding: 0 20px;
} */

#homepage-clients .owl-theme .owl-controls {
  
}

#homepage-clients .owl-buttons  .owl-prev{
  background-image: url(../img/arrow-l-black.png);
  height: 72px;
  width: 36px;
  background-color: transparent;
}

#homepage-clients .owl-buttons .owl-next{
  background-image: url(../img/arrow-r-black.png);
  height: 72px;
  width: 36px;
  background-color: transparent;
}


.homepage-clients img
 {
  margin: 0 auto;
  opacity: 1;
}

@media (max-width:1024px){
 #homepage-references .owl-prev, 
 #homepage-references .owl-next, 
 .owl-prev, .owl-next{
   overflow:hidden;
}

.owl-prev, #homepage-references .owl-prev{
   left:0;
}

.owl-prev .glyphicon{
  margin-left:-60%;
}

.owl-next, #homepage-references .owl-next{
right:0;
}

#homepage-references .owl-prev,
#homepage-clients .owl-prev{
margin-left:-15px;
}

#homepage-references .owl-next,
#homepage-clients .owl-next{
margin-right:-15px;
}

}

/* @media (min-width:900px) and (max-width:1199px){
  .navbar-nav{
     margin-right:-62px;
  }

} */


@media (max-width: 1199px) and (min-width: 1024px){
   .navbar-nav > li > a {
       padding: 0 11px;
   }
} 

@media (max-width: 1199px) and (min-width: 992px){
   .navbar-nav > li > a {
       padding: 0 11px;
   }
}

 @media (max-width: 991px) and (min-width: 767px){
  .navbar-nav{
     margin-right:-23px;
  }
} 


.content-section-b.blue{
   background:#447ec1;
   color:#ffffff;
}

.content-section-b.blue:hover{
   background:#ffffff;
   color:#333333;
}

.content-section-b.blue h3,
.content-section-b.blue h2{
  color:#ffffff;
}

.content-section-b.blue:hover h3,
.content-section-b.blue:hover h2{
  color:#447ec1;
} 
