ACC SHELL

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
}


@media all and (min-width:768px) {
    .navbar {
        min-height: 50px;
	    padding-top: 30px;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
        transition: all 0 ease;
    }
    
    .navbar-brand {
	    padding: 6px 20.5px;
	}
    
	.navbar-nav > li > a {
    	padding-top: 18px;
        padding-bottom: 18px;
    	line-height: 20px;
	}
    
    .bannerContainer {
		margin-top: 85px;
	}
}

@media (max-width: 767px) {
    .navbar {
        min-height: 50px;
        padding-top: 0px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
   
    
    .navbar-toggle {
    	margin-top: 9px;
        margin-bottom: 9px;
    }
    
    .navbar-brand {
	    padding: 4px 16px;
	}
    
    .bannerContainer {
		margin-top: 50px;
	}
    .img-intro {
        max-width:350px;
    }
}


.no-upper {
  text-transform: none;    
}

.top-title {
  text-transform: none;
}

.top-title:after {
  content: "";
  display: block;
  padding-top: 8px;
  width: 180px;
  margin: auto;
  border-bottom: 1px solid #ffffff;
}


.top-nav-collapse {
    padding: 0;
    transition: all 0.35s ease;
}

.navbar .navbar-brand {
    height: 50px;
}

.footer p {
    font-size: 12px;
}

.navbar {
	z-index: 999;
}

.navbar-default .navbar-nav > li > a:focus {
  color: #777;
  background: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
  color: #1a99aa;
  background: none;
  padding-bottom: 15px;
}

.navbar-default .navbar-nav > .active > a:after {
  content: "";
  display: block;
  padding-top: 2px;
  left:0;  
  margin: auto;
  border-bottom: 1px solid #1a99aa;
}

.navbar-default .navbar-nav > li > a:focus:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background: #1eb9c1;
}

.navbar-default .navbar-nav > .active > a:hover:after {
    border-bottom: 1px solid #fff;
}


.navbar-default .navbar-nav > .open > a:after {
    border-bottom: 1px solid #fff;
}

.navbar-page {
    z-index: 100;
    padding: 0;
    min-height: 38px; 
	height: 38px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.navbar-page .navbar-collapse {
	padding-left: 0;
    padding-right: 0;
} 


.navbar-page .navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 10px;
	padding-left: 14px;
	padding-rightt: 14px;
    text-transform: none;
}

.navbar-page .navbar-nav > .active > a,
.navbar-page .navbar-nav > .active > a:focus {
  padding-bottom: 8px;
}



.navbar-page-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    /*z-index: 100;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 56px;
    /*background: rgba(0, 0, 0, 0.9);*/
    background: rgba(255, 255, 255, 1);
}

.navbar-inpage {
    z-index: 100;
    padding: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.navbar-inpage .navbar-nav > li > a {
    text-transform: none;
}



.navbar-shadow {
    /*border-width: 0 0 1px;*/
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.img-shadow {
    /*border-width: 0 0 1px;*/
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

#bannerC .item {
    height:410px;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

#bannerR .item {
    height:160px;
    width: 100%;
}

.bg-center85 {
  background-position: center 85% !important;
}


.bg-height {
	max-height :300px;	
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .fa-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .fa-chevron-right {
    right: 50%;
    margin-right: -10px;
}


.carousel1-control-ref {
    opacity:0;
}




.reference-logo {
        width: 140px;
    	height:80px;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    	padding-bottom: 10px;
    }


.vertical-align {
    display: flex;
    align-items: center;
}


@media (min-width: 1601px) {
    .bg-aktuality { background-image: url("../../img/bgr/1920w/aktuality.jpg");	}
    .bg-contacts { background-image: url("../../img/bgr/1920w/contacts.jpg");	}
    .bg-services { background-image: url("../../img/bgr/1920w/services.jpg");	}
    .bg-software { background-image: url("../../img/bgr/1920w/software.jpg");	}
    .bg-maps-data { background-image: url("../../img/bgr/1920w/maps-data.jpg");	}
    .bg-gis-a-map { background-image: url("../../img/bgr/1920w/gis-a-mapy.jpg"); }
    .bg-optimalizace-tras { background-image: url("../../img/bgr/1920w/optimalizace-tras.jpg"); }
    .bg-transform-data { background-image: url("../../img/bgr/1920w/transformace-dat.jpg"); }
    .bg-industry { background-image: url("../../img/bgr/1920w/industry.jpg");	}
    .bg-sources { background-image: url("../../img/bgr/1920w/sources.jpg"); }
    .bg-ke-stazeni { background-image: url("../../img/bgr/1920w/ke-stazeni.jpg"); }
    .bg-casto-kladene-dotazy { background-image: url("../../img/bgr/1920w/casto-kladene-dotazy.jpg"); }
    .bg-registrace { background-image: url("../../img/bgr/1920w/registrace.jpg");	}
    .bg-podpora { background-image: url("../../img/bgr/1920w/podpora.jpg");	}
	.bg-registrace-fmewt { background-image: url("../../img/bgr/1920w/registrace-fmewt.jpg");	}
}

@media (max-width: 1600px) and (min-width: 769px) {
    .bg-aktuality { background-image: url("../../img/bgr/1600w/aktuality.jpg");	}
    .bg-contacts { background-image: url("../../img/bgr/1600w/contacts.jpg"); }
    .bg-services { background-image: url("../../img/bgr/1600w/services.jpg"); }
    .bg-software { background-image: url("../../img/bgr/1600w/software.jpg"); }
    .bg-maps-data { background-image: url("../../img/bgr/1600w/maps-data.jpg");	}
    .bg-gis-a-map { background-image: url("../../img/bgr/1600w/gis-a-mapy.jpg");}
    .bg-optimalizace-tras { background-image: url("../../img/bgr/1600w/optimalizace-tras.jpg"); }
    .bg-transform-data { background-image: url("../../img/bgr/1600w/transformace-dat.jpg"); }
    .bg-industry { background-image: url("../../img/bgr/1600w/industry.jpg"); }
    .bg-sources { background-image: url("../../img/bgr/1600w/sources.jpg");	}
    .bg-ke-stazeni { background-image: url("../../img/bgr/1600w/ke-stazeni.jpg"); }
    .bg-casto-kladene-dotazy { background-image: url("../../img/bgr/1600w/casto-kladene-dotazy.jpg"); }
    .bg-registrace { background-image: url("../../img/bgr/1600w/registrace.jpg"); }
	.bg-podpora { background-image: url("../../img/bgr/1600w/podpora.jpg");	} 
	.bg-registrace-fmewt { background-image: url("../../img/bgr/1600w/registrace-fmewt.jpg");	}	
}


@media (max-width: 768px) {
    .bg-aktuality { background-image: url("../../img/bgr/800w/aktuality.jpg");	}
    .bg-contacts { background-image: url("../../img/bgr/800w/contacts.jpg"); }
    .bg-services { background-image: url("../../img/bgr/800w/services.jpg"); }
    .bg-software { background-image: url("../../img/bgr/800w/software.jpg"); }
    .bg-maps-data { background-image: url("../../img/bgr/800w/maps-data.jpg");	}
    .bg-gis-a-map { background-image: url("../../img/bgr/800w/gis-a-mapy.jpg");}
    .bg-optimalizace-tras { background-image: url("../../img/bgr/800w/optimalizace-tras.jpg"); }
    .bg-transform-data { background-image: url("../../img/bgr/800w/transformace-dat.jpg"); }
    .bg-industry { background-image: url("../../img/bgr/800w/industry.jpg"); }
    .bg-sources { background-image: url("../../img/bgr/800w/sources.jpg");	}
    .bg-ke-stazeni { background-image: url("../../img/bgr/800w/ke-stazeni.jpg"); }
    .bg-casto-kladene-dotazy { background-image: url("../../img/bgr/800w/casto-kladene-dotazy.jpg"); }
    .bg-registrace { background-image: url("../../img/bgr/800w/registrace.jpg"); }
	.bg-podpora { background-image: url("../../img/bgr/800w/podpora.jpg");	} 
	.bg-registrace-fmewt { background-image: url("../../img/bgr/800w/registrace-fmewt.jpg");	}	
}


.inline-tabs {
	text-align: left;
	margin: 30px auto 20px;
}

.inline-tabs > li {
	padding: 15px 0px;
}


.inline-tabs > li a {
	padding: 15px 30px;
}

.float-box:hover .icon-c-nohover, .icon-c-nohover:hover {
    color: #1eb9c1;
    background: #fff;
}

.row-task {
	padding-left: 12px;
    padding-right: 12px;
}
.col-task {
	padding-left: 0px;
    padding-right: 0px;
}

.btn.tasks {
  width: 100%;
  height : 100%;
  text-align: left;  
}

.btn.tasks:hover {
  color: #ffffff;
  background-color: #1eb9c1;
  border-color: #cbcbcb;
}

.btn.tasks i {
    color: #1eb9c1;
    background: #ffffff;
    font-size: 40px !important;
    text-align: center;
  	padding-left: 4px;  
    line-height: 54px !important;
    height: 54px;
    width: 54px;
  	border-radius: 50%;
    /*border: 1px solid #eeeeee;
    box-shadow: 0 0 0 1px #1a99aa;*/
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	display: inline-block;
	margin-right: 10px;
/*    float: left;*/
}

.nowrap {
     white-space: normal;
}
.btn.tasks h4 {
    display: table-cell;
    white-space: normal;
    vertical-align: middle;
    height: 54px;
}

/* Industry */
.float-text-v1 h3 {
    display: table-cell;
    white-space: normal;
    vertical-align: bottom;
    height: 54px;
}


@media all and (min-width:768px) {
    .info-list {
      padding-left: 40px;
    }
    .pleft {
      padding-left: 0px;
    }
    .specform1 {
        min-height: 200px;
    }
    
}
    
@media (max-width: 767px) {
    .info-list {
      padding-left: 0px;
    }
    .specform1 {
        min-height: auto;
    }
}

.info-list .left {
     padding-left: 0px;
 }

.info-list i {
  float: left;
  display: inline-block;
  margin-top:3px;
}


.info-list span {
    margin-left: 20px;
    display: block;
    white-space: normal;
}

.icon-i {
	color: #1a99aa;
	background: #ffffff;
	font-size: 40px !important;
    text-align: center;
    padding-left: 5px;
	height: 60px;
  	width: 60px;
	line-height: 58px !important;
    border-radius: 50%;
  	border: 1px solid #eeeeee;
  	-webkit-transition: all 0.35s ease-out;
  	transition: all 0.35s ease-out;
	display: inline-block;
	margin-right:20px;  
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.footer .no-hover:hover {
	color: #aaa;
}

/* For Download Form - Warning / Error */
.warning {
  padding: 1em;
  margin-bottom: 0.75rem;
  color: #ffffff;
  border-radius: 2px;
}
.warning {
  background-color: #ecd06f;
}

dt {
	margin: 0 0 3px
}
dd {
	margin: 0 0 10.5px
}

.spec > dt {
	font-weight: bold;
}

.panel-spec {
	padding-left:6px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15)
}



.line-spec:after {
  content: "";
  display: block;
  padding-top: 8px;
  padding-left:-6px;  
  width: 100%;
  margin: auto;
  border-bottom: 1px solid #eeeeee;
}

.btn-sm {
	margin-top: 6px;
    margin-bottom: 6px;
}

.specform > dt {
	font-weight: normal;
}

.specform > ul {
	padding-left: 15px;
}

.tobottom {
	font-weight: bold;
}

.rowpad {
	padding: 12px;
}

@media (max-width:992px) and (min-width:768px){
	.portfolio-grid .hover-content {
		margin-bottom: 0px;
	}
}

@media (max-width:767px){
	.portfolio-grid .hover-content {
		margin-bottom: 10px;
	}
}

.hover-content:hover .top-part{
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

.hover-content:hover .bottom-part {
  -webkit-transform: translate(0%, 100%);
  -moz-transform: translate(0%, 100%);
  -ms-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  opacity: 0;
}


.body-part {
    text-align: center;
    color: #1eb9c1;
    background-color:#ffffff;
    padding-left: 6px;  
    padding-right: 6px;   
    height:230px
}

.body-part i {
    color: #1eb9c1;
    background: #ffffff;
    font-size: 40px !important;
  	margin-right: -27px;  
    line-height: 54px !important;
    height: 54px;
    width: 54px;
    position: absolute;
    bottom: 6px;
	right: 50%;
}


@media all and (min-width:1024px) {
	.body-part {
		height:205px
	}
}
@media (max-width:1023px) and (min-width:768px) {
	.body-part {
		height:230px
	}
}

@media (max-width:767px) {
	.body-part i {
		font-size: 80px !important;
		margin-right: 12px;  
		line-height: 108px !important;
		height: 108px;
		width: 108px;
		position: absolute;
		bottom: 6px;
		right:0%;
	}
	.body-part-inner {
		visibility: hidden;
	}
}




.bottom-part,
.top-part {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    bottom: 0;
    cursor: pointer;
}



@media all and (min-width:768px) {
    .top-part {
        top: 0;
        height: 100%;
        background: rgba(26, 153, 170, 0.8);
        padding-left: 6px;  
        padding-right: 6px;    
        color: #ffffff;
        -webkit-transform: translate(0%, -100%);
        -moz-transform: translate(0%, -100%);
        -ms-transform: translate(0%, -100%);
        transform: translate(0%, -100%);
    }
    
   .prod-li {
    	padding: 10px !important
	}

}

@media (max-width: 767px) {
    .top-part {
        top: 0;
        right: 0;
        height: 100%;
        background: rgba(26, 153, 170, 0.8);
        padding-left: 6px;  
        padding-right: 6px;    
        color: #ffffff;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        
        opacity: 1;
        max-width:340px;
    }
    
    .prod-li {
        width: 100%;
	}

   
    .hover-content {
        max-height: 200px;
    }
   
    .img-responsive {
        width:100%;
    }
}



.bottom-part {
  opacity: 0.9;  
  height: 36px;
  background: #f5f5f5;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.body-part h5,
.top-part h5,
.bottom-part h5 {
  margin: 0;  
  white-space: nowrap;  
  font-weight: bold;
  line-height: 2.0;
}

.body-part h5,
.top-part h5 {
  margin-bottom: 6px;  
}

.body-part h5:after,
.top-part h5:after {
  content: "";
  display: block;
  width: 100%;
  margin: auto;
}

.body-part h5:after {
  border-bottom: 1px solid #1eb9c1;
}

.top-part h5:after {
  border-bottom: 1px solid #eeeeee;
}

.top-part button {
  /*font-size: 20px;*/
  position: absolute;
  top: 90%;
    
  left: 50%;
  -webkit-transform: translate(-50%, -90%);
  -moz-transform: translate(-50%, -90%);
  -ms-transform: translate(-50%, -90%);
  transform: translate(-50%, -90%);
    }

.bottom-part h5 {
   color: #777777;
}

.btn-reason {
    padding-left: -15px;
    text-align: left;
	min-width: 280px;
}

.bg-grey-3 .bottom-part, .bg-grey-2 .bottom-part, .bg-grey-1 .bottom-part, .bg-grey .bottom-part {
    background: #aaa;
	/*background: #1eb9c1;*/
}

.bg-grey-3 .bottom-part H5, .bg-grey-2 .bottom-part H5, .bg-grey-1 .bottom-part H5, .bg-grey .bottom-part H5 {
     color: #ffffff;
}

.width100 {
	width: 100%;
    height: 100%
}

.jumbotronimg {
	position: absolute;
    right:10%;
}
@media (max-width: 1023px) {
	.jumbotronimg > img {
        display: none;
    }
}

.jumbotronimg > img {
	position: absolute;
    right: -30px;
    top: 20px;
}

.container-language {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*bottom:0;
    z-index:-1;*/
}

@media (max-width: 767px) {
    .container-language {
        right: 70px;
    }
}

.navbar-language > li {
    position: relative;
    display: block;
    float: right;
}


.navbar-language > li > a {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left:10px;
    padding-right:10px;    
    line-height: 16px;
    position: relative;
    display: block;
}

.navbar-default .navbar-language > .active > a,
.navbar-default .navbar-language > .active > a:focus {
  padding-bottom: 10px;
}

#NoGrid {
    padding: 0;
    margin: 0;
}