/*
Theme Name: R2M2
Description: WordPress theme on Bootstrap framework.

*/

@import "bootstrap/css/bootstrap.min.css";
@import "css/ionicons.min.css";

/* global ------------------------------------------------------------------- */

.admin-bar .navbar-fixed-top{
  top:32px;
}

body{
	font-family: 'Oswald', sans-serif;
  font-size:16px;
	line-height: 1.52;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 500;
	color:#000;
}

.clear{
  clear:both;
}

.print-header{
  display:none;
}

p{
  margin:0 0 25px 0;
}

.pagination>li>span.current{
  z-index:2;
  color:#fff;
  cursor:default;
  background-color:#337ab7;
  border-color:#337ab7;
}
.pagination .page-numbers{
  display:none;
}
.pagination .page-numbers.prev,.pagination .page-numbers.next{
  display:block;
}
@media all and (min-width:768px){
  .pagination .page-numbers{
    display:block;
  }
}
@media all and (min-width:768px) and (max-width:991px){
  .pntext{
    display:none;
  }
}
@media all and (max-width:767px){
  .admin-bar .navbar-fixed-top{
    top:46px;
  }
}

/* header ------------------------------------------------------------------- */

.alt-navbar{
  height:45px;
}

.navbar{
  background:#fff;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid #eee;
  margin-bottom:0;
  min-height:55px;
}
.search-menu-wrap,
.navbar-nav>li>a{
  color:#444;
	text-transform: uppercase;
}

.search-menu-wrap:hover,
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li.current_page_parent>a,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus{
  color:#000;
}

.navbar-toggle{
  border-color:#444;
}
.navbar-toggle .icon-bar{
  background-color:#000;
}
.navbar-toggle:hover{
  border-color:#000;
  background:none;
}
.navbar-toggle:hover .icon-bar{
  background-color:#000;
}

.sub-menu{
  display:block;
  padding:0;
}
.sub-menu li{
  display:block;
  border-bottom:1px solid #333;
}
.sub-menu li a{
  display:block;
  color:#fff;
  border-bottom:1px solid #000;
  padding:15px 0 15px 40px;
}
.sub-menu li a:hover{
  text-decoration:none;
  background:#111;
}
@media only screen and (min-width:768px){
  .sub-menu{
    display:none;
    position:absolute;
    background:#fff;
    border:1px solid #eee;
    z-index:1;
  }
  .navbar-nav>li>a:hover+.sub-menu,
  .navbar-nav>li>a:focus+.sub-menu,
  .navbar-nav>li>a:active+.sub-menu,
  .sub-menu:hover,
  .sub-menu:focus,
  .sub-menu:active{
    display:block;
  }
  .sub-menu li{
    border-top:1px solid #eee;
    border-bottom:none;
  }
  .sub-menu li:first-child{
    border-top:none;
  }
  .sub-menu li a{
    background:#fff;
    color:#444;
    padding:10px 15px;
    white-space:nowrap;
    border-bottom:none;
  }
  .sub-menu li a:hover{
    background:#eee;
  }
}

#totop{
  display:none;
  position:fixed;
  bottom:0;
  right:10px;
  cursor:pointer;
  font-size:40px;
  color:#222;
  color:rgba(0,0,0,.5);
  z-index:10000;
  -webkit-transition:color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out;
  -ms-transition:color .5s ease-in-out;
  -o-transition:color .5s ease-in-out;
  transition:color .5s ease-in-out;
}
#totop:hover{
  color:#000;
  color:rgba(0,0,0,.8);
}
@media only screen and (max-device-width:480px){
  #totop{
    display:none !important;
  }
}
@media only screen and (max-width:767px){
  .navbar-collapse{
    background:#222;
  }
  .navbar-collapse .navbar-nav>li>a{
    color:#fff;
  }
  .navbar-nav>li>a{
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:1px solid #333;
    box-shadow:0 1px #000;
  }
  .navbar-nav>li>a:hover,
  .navbar-nav>li>a:active,
  .navbar-nav>li>a:focus{
    background:#111;
  }
  .nav>li.search-menu{
    display:none !important;
  }
}
@media print{
  header,footer,nav,#totop,.sidebar,.share{
    display:none !important;
  }
  article header, article footer{
    display:block !important;
  }
  img{
    width:auto;
    height:auto;
    max-width:100%;
  }
  .print-header{
    display:block;
    border-bottom:1px solid #ddd;
    height:40px;
  }
  .print-header img{
    float:left;
    max-width:20%;
    width:auto;
    height:30px;
  }
  .print-header div{
    float:right;
    width:80%;
    font-size:9px;
    color:#777;
    text-align:right;
  }
  .print-header div span{
    display:block;
    font-size:12px;
    font-weight:700;
    color:#444;
  }
}

/* search ------------------------------------------------------------------- */

.searchform-mobile{
  display:none;
  margin:0 -15px;
}
.nav>li.search-menu{
  display:none;
}
.search-menu-wrap{
  font-size:18px;
  line-height:0;
  margin-left:30px;
  width:50px;
  height:50px;
  padding:15px;
  cursor:pointer;
  display:inline-block;
}
#fullsearch{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:100000;
  background:#000;
  background:rgba(0,0,0,.9);
}
.searchform-form{
  position:relative;
  padding:100px 0;
  max-width:750px;
  margin:-100px auto 0 auto;
}
#fullsearch .searchform{
  width:370px;
  height:62px;
  margin:0 auto;
  border:1px solid #777;
  border-radius:5px;
  -webkit-transition:border .3s ease-in-out;
  -moz-transition:border .3s ease-in-out;
  -ms-transition:border .3s ease-in-out;
  -o-transition:border .3s ease-in-out;
  transition:border .3s ease-in-out;
}
#fullsearch .searchform.focus{
  border:1px solid #fff;
}
.searchform-close{
  width:60px;
  height:60px;
  float:right;
  margin:-61px -46px 0 0;
  padding:15px 0 0 0;
  font-size:34px;
  cursor:pointer;
  color:#666;
  -webkit-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  -ms-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out;
}
.searchform-close:hover{
  color:#fff;
}
#fullsearch input[type=text]{
  width:308px;
  height:60px;
  padding:10px 20px;
  background:none;
  border:none;
  display:block;
  float:left;
  font-size:30px;
  color:#fff;
}
#fullsearch input:focus{
  outline:none;
  box-shadow:none;
}
#fullsearch button{
  border:none;
  padding:5px 0 0 0;
  font-size:30px;
  background:none;
  width:60px;
  height:60px;
  display:block;
  float:right;
  color:#666;
  -webkit-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  -ms-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out;
}
#fullsearch button:focus,#fullsearch button:hover{
  color:#fff;
}
#fullsearch .search-inputs:after{
  content:'';
  clear:both;
}
@media all and (max-width:767px){
  .searchform-mobile{
    display:block;
  }
  #fullsearch,#hladat{
    display:none !important;
  }
  .searchform-mobile{
    border-bottom:1px solid #333;
    box-shadow:0 1px #000;
  }
  .searchform-mobile input{
    display:block;
    float:left;
    border:none;
    height:50px;
    border-radius:0;
    box-shadow:none;
  }
  .searchform-mobile input[type=text]{
    width:78%;
    background:#222;
    font-size:16px;
    padding:5px 15px;
  }
  .searchform-mobile button{
    width:22%;
    border:none;
    height:50px;
    background:#333;
    color:#888;
    font-size:22px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
  }
  .searchform-mobile button:hover,.searchform-mobile button:focus{
    color:#fff;
    background:#444;
  }
}

/* blog --------------------------------------------------------------------- */

.post{
  margin:0 0 30px 0;
}
@media all and (min-width:400px){
  .post-half{
    width:45%;
    float:left;
  }
  .post-half.first{
    margin:0 10% 0 0;
  }
}
.post-img{
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  height:250px;
  display:block;
}
.social{
  display:block;
  float:left;
  width:35px;
  height:60px;
  text-align:center;
  font-size:20px;
  padding:9px 0 0 0;
}
.social.print{
  display:none;
}
.social.fb:hover{
  color:#265999;
}
.social.tw:hover{
  color:#00b0ef;
}
.social.gp:hover{
  color:#f32e31;
}
.social.pi:hover{
  color:#ef0021;
}
.social.in:hover{
  color:#1683BB;
}


/* sidebar ------------------------------------------------------------------ */

.searchform-blog .form-control{
  display:inline-block;
  width:auto;
  height:34px;
  position:relative;
  top:1px;
}

.widget-title{
  font-size:20px;
}

.widget-area aside{
  margin:0 0 40px 0;
}

.widget-area ul,.widget-area li{
  margin:0;
  padding:0;
}

.widget-area li{
  display:block;
  font-size:16px;
  margin-bottom:10px;
}

/* page --------------------------------------------------------------------- */

h1{
  margin-top:0;
}




/* footer ------------------------------------------------------------------- */

footer{
  margin-top:35px;
}

.footer-site{
  padding:30px 0;
  background:#000;
  color:#ddd;
  font-size:14px;
}
.footer-site a{
  color:#fff;
}
.footer-site a:hover,
.footer-site a:active,
.footer-site a:focus{
  color:#7ac9d9;
  text-decoration:none;
}
footer p{
  margin:0;
}
footer h4{
  font-weight: 500;
  color: #f4e71d;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4e71d;
  font-size:14px;
}
.brand{
  color:#fff
}.brand>span:after{
  background:#fff
}a.brand:hover,a.brand:active,a.brand:focus{
  color:#7ac9d9
}a.brand:hover>span:after,a.brand:active>span:after,a.brand:focus>span:after{
  background:#7ac9d9
}.brand{letter-spacing:.1em;font-weight:400}a.brand:hover,a.brand:active,a.brand:focus{text-decoration:none}.brand>span{display:inline-block;padding:0 .07em 0 0;position:relative;font-weight:700}.brand>span:after{content:'';display:block;position:absolute;width:80.7%;bottom:-.15em;left:.17em;height:.13em}

/* website css */
@media all and (min-width: 768px){
	.navbar-nav {
		float: none;
		margin: 0;
		width: 100%;
		display: block;
		text-align: right;
	}
	.navbar-nav>li {
		 float: none;
		display: inline-block;
	}
	.navbar {
		background: #fff;
		background: rgba(255,255,255,.9);
		border-bottom: 0;
	}
}
.nav>li>a{
	padding:  25px 0 5px 0;
	margin-left:15px;
	margin-right: 15px;
	font-weight: 500;
        border-bottom: 2px solid transparent;
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active {
	text-decoration: none;
	background-color: transparent;
	border-bottom: 2px solid #ffde01;
}
.client-item{
	background-size: cover!important;
	height: 310px;
	width: 100%;
	display: block;
	background: #c1c1c1;
    max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.padding-for-item{
	padding: 15px;
}
.hp_item{
  overflow:hidden;
}
.client-item h3{
	text-transform: uppercase;
	font-size: 18px;
	padding:  10px;
    padding-left:20px;
	/*background: rgba(255,255,255, .3);*/
	margin: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	width: 100%;
    color:#fff;
}
.client-item .grey-light{
	text-transform: none;
    color:#fff;
}
.grey-light{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: #b6b6b6;
	font-weight: 300;
}

.client-item:hover, .client-item:focus, .client-item:active {
	text-decoration: none;
    filter: grayscale(100%);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.client-item:hover h3, .client-item:focus h3, .client-item:active h3 {
	text-decoration: none;
	/*background: rgba(255, 255, 255, .8);*/
	width: 100%;
}
.client-item:hover h3 .grey-light, .client-item:focus h3 .grey-light, .client-item:active h3 .grey-light {
	color: #fff;
}
.h3_comp_name{
	font-size: 18px;
    margin-top:0;
}


/* contact */

.contacth2{
  margin-bottom: 20px;
  margin-top:30px;
}
iframe.contact_map{
  filter: grayscale(100%);
}
.contact_mapa{
  position:relative;
  margin-bottom:35px;
}
.contact_mapa i{
  position:absolute;
  top:0;
  right:0;
  z-index:111;
  color:#000;
  background:#ffde01;
  font-size:30px;
  padding:0px 13px 8px 13px;
  text-align:center;

}
.team-member{
    margin-bottom:30px;
}
.team-member-photo{
	height: 190px;
	position: relative;
	background-size: cover!important;
}
.team-member-photo-hover{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	height: 100%;
	width: 100%;
	background-size: cover!important;
}
.team-member-photo:hover .team-member-photo-hover{
	opacity: 1;
}
img.member-photo{
    max-width:100%;
}
.team-member h4{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
    margin-top:20px;
    margin-bottom:20px;
}
.team-member .grey{
	font-weight: 400;
	text-transform: none;
}
.grey{
	color:#b6b6b6;
}
.dorovnaj{
	line-height: 1.9;
}













.Aligner {
	display: flex;
}
.Aligner-item--bottom {
	align-self: flex-end;
}

.vjs_video_3-dimensions {
  width: 100%;
  height: 650px;
}
.director_detail .video-js {
  width: 100% !important;
}
.director_detail .video-js .vjs-tech,.director_detail .vjs_video_3-dimensions,.director_detail .vjs_video_410-dimensions {
   height: auto !important;
}

.social_box a{
  display:inline-block;
  font-size:45px;
  padding-right:13px;
  color: #333;
}
.social_box a:hover{
  color: #ffde01;
}
.social_box{
  margin-bottom:30px;
}
.work-detail h1{
    text-align:center;
    margin-bottom:30px;
}
.work-detail iframe{
    width:100%;
    min-height:700px;
}
.work-detail h3{
    display:inline-block;
    padding-right:15px;
}
.work-detail span.popis{
    font-size:24px;
}
h2.detail_all_nadpis{
    text-align:center;
    margin-top:60px;
}
.gallery-item a img {
    border: 0 !important;
}
h1{
    text-transform:uppercase;
    text-align:center;
}
.kontakt_telefon a{
    text-decoration:none !important;
}
.film-detail p{
    margin-bottom:10px;
}
.navbar-collapse {
    background: #fff;
    margin-top: 25px;
    text-align: center;
}
.navbar-collapse.collapse{
        background: #fff;

}

.navbar-collapse .navbar-nav>li>a {
    color: #222;

}
@media all and (max-width: 1200px){
    .work-detail iframe {
        min-height: 570px;
    }
}
@media all and (max-width: 991px){
    .work-detail iframe {
        min-height: 470px;
    }
    .gallery img{
        max-width: 100%;
        height: auto;
    }
}
@media all and (max-width: 768px){
    .navbar-brand{
        padding: 0px 15px;
    }
    .work-detail iframe {
        min-height: auto;

    }
    .gallery img{
        max-width: 100%;
        height: auto;
    }
    .gallery-item {
        width: 100% !important;
    }
}