.page{
    min-height: 50vh  
}
 




/*
INFO K FONTOM: Použitý 100 (thin), 400 (medium) a 700 (bold) a to vrátane italic
*/
/* ICOMOON */
@font-face {
  font-family: 'icomoon';
  src:  url('assets/template2/fonts/icomoon.eot?p7il9l');
  src:  url('assets/template2/fonts/icomoon.eot?p7il9l#iefix') format('embedded-opentype'),
    url('assets/template2/fonts/icomoon.ttf?p7il9l') format('truetype'),
    url('assets/template2/fonts/icomoon.woff?p7il9l') format('woff'),
    url('assets/template2/fonts/icomoon.svg?p7il9l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





.icon-chevron-thin-left:before {
  content: "\e900";
}
.icon-chevron-thin-right:before {
  content: "\e901";
}


/* VŠEOBECNÉ ŠTÝLY */

body{
    font-family: "nudista-web",sans-serif;
    font-family: "nudista-web",sans-serif;    font-weight: 400;
}
section{
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    float: none;
    display: block;
    clear: both;
    padding:30px 0;
    position: relative;

}

a:hover, a:focus{
    color:#0080B4}
footer a:hover, footer a:focus{
   color:#0080B4 
}
@media screen and (max-width:767px){
section{
	padding:20px 0;
}
}
.home-slider{
    padding-top: 0
}

input.form-control, textarea.form-control{
    background: #fff;

    border:1px solid #ccc;
    border-radius:0;
    font-style: italic;
}
input.form-control{
    height: 46px
}
textarea.form-control{
    min-height: 150px
}
.btn{
    padding: 12px;
    text-transform: uppercase;
    font-weight: 700
}
.table{
    width: 100%!important
}
@media screen and (max-width: 1023px){
.container{
padding: 20px
}
}


a{
		color:#0080B4}
.btn-primary{
	border:2px solid #0080B4!important;
	border-radius:0!important;
	background:transparent;
	color:#0080B4;
	box-shadow: inset 0 0 0 0 #0080B4;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
padding:10px 20px!important
}
.btn-primary:hover{
	box-shadow: inset -200px 0 0 0 #0080B4;
}
.btn-inverted{
    border:none!important;
    border-radius:0!important;
    background: #0080B4!important;
    color:#FFFFFF;
    box-shadow: inset 0 0 0 0 #0080B4;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
padding:10px 20px!important;
min-width:200px
}
.btn-inverted:hover{
    background: #FFFFFF!important;
    color:#0080B4}

/* RESPONZÍVNA VÝPOMOC */
@media screen and (min-width: 1024px){
    .tablet-pull-left{
        float: left;
    }
    .tablet-pull-right{
        float: right;
    }
}

body.mobile-menu-open{
    background:url(../img/slide.jpg) no-repeat top center;
}
/* HORNÁ NAVIGÁCIA 1 */
header.nav1{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;

}

header.nav1 .top-nav{
    display: none;
    background: #0080B4;
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    font-size: 12px;
    letter-spacing: 0.05em;
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
    box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.15);
}
header.nav1 .top-nav, header.nav1 .top-nav a{
    color: rgba(255,255,255,0.9);
}
header.nav1 .top-nav ul.social{
    padding: 0;
    margin: 0;
    list-style: none;
}
header.nav1 .top-nav ul.social li{
    float: left;
    padding-left: 10px
}
header.nav1 .top-nav-info{
    padding: 9px 0;
}
.top-nav-info a{
    padding-right:15px
}
header.nav1 .main-nav{
    opacity: 1;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    position: relative;
    z-index: 10;
    transition: all ease-in 0.15s;
}
header.nav1 .main-nav h1.logo{
    margin: 0;
    float: left;

}
header.nav1 .main-nav h1.logo a{

}
header.nav1 .main-nav h1.logo a img{
    width: auto;
    max-height: 70px;
    margin-top:11px;
    -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
header.nav1 ul.main-nav-menu{
    padding: 0;
    margin: 0;
    list-style: none;
}

@media screen and (min-width: 1024px){
 header.nav1 ul.main-nav-menu > li{
    float: left;
    position: relative;
    transition: all 0.5s
}   
}
header.nav1 ul.main-nav-menu > li > a{
    display: block;
    padding:10px 15px;
    margin: 20px 0 0 20px;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #333;
    transition: all 0.3s;

}



header.nav1 ul.main-nav-menu > li > a span.fa{
    font-size: 0.7em
}

header.nav1 .mob-submenu-back{
    display: none
}



header.nav1 ul.main-nav-menu > li > ul{
    top: 0;

}


@media screen and (min-width: 1024px){
    header.nav1{
        position: static;
    }
    header.nav1 .top-nav{
        display: block;
    }
    header.nav1 .main-nav{
        opacity: 1
    }
    header.nav1 ul.main-nav-menu > li > ul {
opacity:0;
position: absolute;
top: 100%;
background: #fff;
list-style: none;
margin: 0;
padding: 10px 0;
margin-left: 20px;
min-width:180px;
-webkit-box-shadow: 0 20px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 10px 0 rgba(0, 0, 0, 0.05);
visibility: hidden;
transition:all 0.3s

}
header.nav1 ul.main-nav-menu > li > a:hover, header.nav1 ul.main-nav-menu > li:hover > a{
    color: #fff;
    background:#0080B4;
    text-decoration:none
    
}
body:not(.home) header.nav1 ul.main-nav-menu > li > a:hover, header.nav1 ul.main-nav-menu > li:hover > a{
    color:#333;
}
header.nav1 ul.main-nav-menu > li:hover > ul {
opacity:1;
visibility: visible
}

header.nav1 ul.main-nav-menu > li > ul > li {
position: relative;
}

header.nav1 ul.main-nav-menu > li > ul > li >a {
    display: block;
    font-size: 1em;
    padding:5px 20px;
    color: #333;
}
header.nav1 ul.main-nav-menu > li > ul > li >a:hover{
	text-decoration:none;
	background:#efefef
}
header.nav1 ul.main-nav-menu > li > ul > li{
    position:relative;
}
header.nav1 ul.main-nav-menu > li > ul > li > ul{
opacity:0;
position: absolute;
left: 100%;
top:-10px;
background: #fff;
list-style: none;
margin: 0;
padding: 10px 0;
min-width:180px;
-webkit-box-shadow: 0 20px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 20px 10px 0 rgba(0, 0, 0, 0.05);
visibility: hidden;
transition:all 0.3s
}

header.nav1 ul.main-nav-menu > li > ul > li:hover > ul {
opacity:1;
visibility: visible
}
header.nav1 ul.main-nav-menu > li > ul > li > ul > li > a {
    display: block;
    font-size: 1em;
    padding:5px 20px;
    color: #333;
}
header.nav1 ul.main-nav-menu > li > ul > li > ul > li >a:hover{
    text-decoration:none;
    background:#efefef;
}


}



/* MOBILNÁ NAVIGÁCIA */
.btn-menu{
    display: block;
    position: absolute;
    top:10px;
    right: 10px;
    z-index: 99;
    color: #fff;
    font-size: 24px;
    background:rgba(0,0,0,0.2);
    width:40px;
    height:40px;
    text-align: center;
    line-height: 40px
}
.btn-menu-text{
    display:none;
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.btn-menu{
    width:100px;
}
.btn-menu-text{
    display: inline
}
body.mobile-menu-open .btn-menu-text{
    display: none
}
body.mobile-menu-open .btn-menu{
    width: 40px
}
}
.btn-menu .btn-menu-close{
    display: none;
}
body.mobile-menu-open .btn-menu-open {
    display: none;
}
body.mobile-menu-open .btn-menu-close{
    display: inline;
}
body.mobile-menu-open .slides h1{
    display: none;
}
body.mobile-menu-open .main-nav{
    opacity: 1;
    background: rgba(0,0,0,0.65)!important;
    height:100vh;
}
body.mobile-menu-open .top-nav{
    display: none;
    background:transparent;
}
body.mobile-menu-open .top-nav-info-wrapper{
    display: none;
}
body.mobile-menu-open .top-nav-social-wrapper{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 100;
    text-align: center;
}
body.mobile-menu-open .top-nav-social-wrapper ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

body.mobile-menu-open .main-nav ul li{
    float: none;
    width: 100%;
}

@media screen and (max-width: 1023px){
    .main-nav .logo{
        display: none;
    }

header.nav1 ul.main-nav-menu{
 position: relative;
}
header.nav1 ul.main-nav-menu.mob-submenu-show{
transform:translateX(-100%);
}
header.nav1 ul.main-nav-menu.mob-submenu-2-show{
    transform:translateX(-200%);
}
.subpage-2-ul {
    top: 0 !important;
}
.subpage-2-ul a {
    color: #fff !important;
}

header.nav1 ul.main-nav-menu > li > ul {
transform:translateX(100%);
list-style: none;
padding: 0;
margin: 0;
position: absolute;
width: 100%;
transition: all 0.4s;
}
header.nav1 ul.main-nav-menu > li > ul > li > ul {
transform:translateX(100%);
list-style: none;
padding: 0;
margin: 0;
position: absolute;
width: 100%;
transition: all 0.4s;
}

header.nav1 ul.main-nav-menu > li > ul > li {

}

header.nav1 ul.main-nav-menu > li > ul > li > a, header.nav1 ul.main-nav-menu > li > ul > li > ul > li > a {
    display: block;
    padding:5px;
    text-align: center;
    line-height: 28px
}

header.nav1 li.mob-submenu-back{
    display: block;
    margin: auto;
    width: 30px!important;
    height: 30px!important;
    color:#333;
    background:#fff;
    border-radius: 50%;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px
}
header.nav1{
    height: 100px
}

}

@media screen and (max-width: 1023px){
    header{
        z-index: 3
    }
    header .main-nav{
        display: none
    }
    body.mobile-menu-open header .main-nav{
        display: block
    }
}

@media screen and (min-width: 1024px){
    .btn-menu{
        display: none
    }
    header.nav1 ul.main-nav{
        background:#fff 
    }
}


@media screen and (max-width:1023px){
	header .main-nav{
		display:block;
		width:100%;
		height:100vh;
		background:#333!important;
		transform:translateX(100%);
		transition:all 0.5s!important;

	}
	ul.main-nav-menu{
    margin-top: 60px!important;
    transition:all 0.5s!important;
	}
	header.nav1 ul.main-nav-menu > li > a{
		    color:#fff!important;
    line-height: 34px;
    text-align: center;
    padding: 0;
    margin:0;
	}

	body.mobile-menu-open header .main-nav{
		transform:translateX(0%);	
	}
	section, footer{
		transition:all 0.5s!important;	
	}
	body.mobile-menu-open{
		overflow:hidden;
		height:100vh;
	}
	body.mobile-menu-open section, body.mobile-menu-open footer{
		transform:translateX(-100%);	
	}
	header.nav1 ul.main-nav-menu > li > ul > li > a{
			    color:#fff!important;
    line-height: 34px;
    padding: 0;
	}


}


/* TRANSPARENTNÁ NAVIGÁCIA */
header.nav1{
    position: fixed;
        z-index: 22

}



@media screen and (min-width:768px){
    body.home header.nav1.nav-transparent ul.main-nav-menu>li>a{
    color: #fff!important
    }
    body.home header.nav1.nav-transparent.nav-scrolled ul.main-nav-menu>li>a{
    color: #333!important
    }


} 

/* FIX NAVIGÁCIA PRI SCROLLE */

header.nav1.nav-scrolled, header.nav1.nav-transparent.nav-scrolled{
    position: fixed!important;
    z-index: 99
}

@media screen and (min-width:768px){
header.nav1.nav-scrolled, header.nav1.nav-transparent.nav-scrolled{
    background:#fff;
}
}

header.nav1.nav-scrolled .main-nav h1.logo a img.logoImg{
    transform:scale(0.8);
    margin-top: 12px
}
header.nav1.nav-scrolled ul.main-nav-menu > li > a{
	color:#333;
}

/* SLIDER */
.home-slider{
    height: 100vh;
    padding-bottom: 0;
}
.slides{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    text-align: center;
}

.unslider{overflow:auto;margin:0;padding:0;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}

.slides ul li{
    width: 100%!important;
    height: 100vh;
    display: block;
    position: absolute;
    background-size: cover!important;
    background-position:center center!important

}
.unslider-fade{
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    z-index:0;
}
.slider-title{
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
}
.slider-title h1{
    font-size: 36px
}
.slider-title span{
    font-weight: 900;
    display: block;
    font-size: 32px;
}
.slider-overlay{
    background: rgba(0, 0, 0, 0.64);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

@media screen and (min-width: 768px){
 .slider-title span{
    font-size: 48px;
}   
 .slider-title h1{
    font-size: 36px;
}   
}

a.unslider-arrow {
position:absolute;
top:50%;
color:#fff;
transition:all 0.3s;
display:block;
padding:10px;
}
a.unslider-arrow:hover{
color:#fff;
text-decoration: none;
}
.unslider-arrow.next {
	
}
.unslider-arrow.prev {
	
}
.unslider-arrow.next:hover {
	margin-right:-5px;
}
.unslider-arrow.prev:hover {
	margin-left:-5px;
}
	
/* SCROLL TO TOP */ 
.scroll-top{
position:fixed;
bottom:-40px;
right:15px;
width:40px;
height:40px;
opacity:0.7;
background:#0080B4;
color:#fff;
line-height:40px;
text-align:center;
z-index:99;
transition:all 0.3s;
}
.scroll-top.active{
	bottom:15px;
}
/*FOOTER */
footer{
    background:#4f4f4f;
    clear: both;
    position: relative;
    z-index: 2;

}
.footer-block{
    color: #dddddd;
}
.footer-block h2{
    color: #999999;
    text-transform: uppercase;
    font-size: 24px;
}
.footer-nav{
    padding: 30px 0;
    height: auto;
    overflow:auto;
}
.footer-block ul{
    list-style: none;
    margin:0;
    padding:0;
}
.footer-block ul li{

}
.footer-block ul li a{

}
.copyright{
    background:#484848;
    color: #dddddd;
    padding:30px 0;
    text-align: center;
}
.copyright p{
    margin:0;
}
@media screen and (max-width:768px){
	.copyright-mob{
		display:block;}
}


/* FORMULÁRE */
.form-box{
    margin-bottom: 5px;
}
.form-title{
    font-size:18px;
    color:#999999;
}
.form-desc{
    font-size:14px;
    color: #bbb
}

/* PODSTRÁNKY */
.page-heading{
    line-height: 50px;
    padding:25px 0;
    text-align: center;
}
.page-title h1{
    font-size: 35px;
    color:#999999;
    margin: 0;
    line-height: 50px;

}
.page-subtitle{
    width: 100%;
    max-width: 450px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    margin-top: 30px
}
.page-title-divider{
    display: block;
    width: 35px;
    height: 2px;
    background: #0080B4;
    margin: auto;
}
.breadcrumb{
    background-color: transparent;
    margin: 0;
    padding: 0;
    color: #fff;
    float: none
}
ol.breadcrumb li {
    color: #999999
}
.breadcrumb>.active{
    color:#999999
}


.page-heading{
padding-top: 20px
}
@media screen and (min-width:768px){
    .breadcrumb{
        margin: auto
    }
    .page-heading{
padding-top: 160px
}
}

.page-cms h2{
    font-size: 28px;
color: #999999;
}
.page-cms-desc img.left,.page-cms-desc .image-ck-leftalign{
padding-right:15px;
padding-bottom: 15px;
float:left
}
.page-cms-desc img.right,.page-cms-desc .image-ck-rightalign{
padding-left:15px;
padding-bottom: 15px;
float:right
}
.ck-content img.left,.ck-content .image-ck-leftalign{
padding-right:15px;
padding-bottom: 15px;
float:left
}
.ck-content img.right,.ck-content .image-ck-rightalign{
padding-left:15px;
padding-bottom: 15px;
float:right
}
@media screen and (max-width:480px){
    .page-cms img{
        width: 100%;
        height: auto;
        padding: 0 0 15px 0!important
    }
    .page-cms p{
        font-size: 16px;
line-height: 24px
    }
}
.page-cms blockquote{
    padding: 0px 0px;
margin: 0;
}
/* GALÉRIE */
.gallery{
    background: #f7f8fa;
    height: auto;
    overflow:auto;
    overflow-x: hidden;
}
.gallery-box{
    text-align: center;
    padding:  0 20px;
    margin-bottom: 40px
}
.gallery-inner{
    background: #fff;
    border-radius: 3px;
    border: 1px solid #eeeff2;
    transition: all 0.2s;

}
.gallery-inner:hover{
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);

}
.gallery-box img{
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.gallery-box .gallery-title{
    display: block;
    padding-top: 13px;
    font-size: 21px;
}

.gallery-box .gallery-desc{
    display: inline-block;
    padding-bottom: 13px;
    font-size: 13px;
    opacity: 0.7

}
.gallery-box a{
    color: #333
}
.gallery-box a:hover{
    text-decoration: none;
}


/* GALÉRIA FULLWIDTH */

.gallery-fullwidth{
padding-top:0!important;
background-color: transparent!important
}
body.home .gallery-fullwidth{
padding-bottom:0!important;
}
.gallery-fullwidth .grid-item{
    padding: 0!important;
    overflow: hidden
}
.gallery-fullwidth .container-fluid{
    padding: 0!important
}
.gallery-fullwidth .grid-item-inner{
    overflow: hidden;
}
.gallery-fullwidth .grid-item-inner img{
transition: all 0.5s;
}
.grid-item:hover .grid-item-inner img{
  -moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);  
}

/* MASONRY */
.grid-sizer, .grid-item { width: 100%; }
@media screen and (max-width: 480px){
    .grid-sizer, .grid-item { width: 100%!important; }
    }
@media screen and (min-width:481px) and (max-width: 767px){
    .grid-sizer, .grid-item { width: 50%!important; }
    }
@media screen and (min-width: 768px) and (max-width: 991px){
    .grid-sizer, .grid-item { width: 50%!important; }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
    .grid-sizer, .grid-item { width: 33.33333%!important; }
}


.grid-item{
    padding: 10px
}

.grid-item-inner{
    position: relative;
    overflow:hidden;
    max-height: 100%;
}

.grid-item-desc-wrapper{
    color: #fff;
    position: absolute;
    bottom: -100%;
    left:0;
    right: 0;
    pointer-events: none;
    min-height: 100%;
    line-height: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.grid-item-desc-inner{
    display: block;
    position: absolute;
    left:15px;
    right:15px;
    bottom:0px;
}

.grid-item:hover .grid-item-desc-wrapper{
    bottom: 0

}
.grid-item-icon{
    visibility:hidden;
    opacity:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
     -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    font-size:24px;
    color:#fff
}
.grid-item:hover .grid-item-icon{
    visibility:visible;
    opacity:1;
    bottom:45%;

}
/* MODAL GALLERY */
.modal-gallery .modal-dialog{
    width: 100%;
    padding:0 15px;
    margin:0;
    margin-top: 15px;
}
.modal-gallery .modal-content{
    background:transparent;
}
.modal-content{
    border-radius:0px;
   /* -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.1);*/
    box-shadow:none;
    border: none;
    height: auto;
    overflow:auto;

}
.modal-backdrop{
    background: #eee
}
.modal-backdrop{
    background: #333
}
.modal-backdrop.in{
    opacity: .85;
    filter: alpha(opacity=85)
}
.modal-header{
    border: none
}
.modal-close-button{
    position: absolute;
    right: 15px;
    top:5px;
    z-index: 99;
    opacity: 0.85

}
.modal-close-button .close{
    color: #fff;
    opacity: 0.85
}
.modal-body{
    padding:15px;
    padding-top:30px;
    height: auto;
    overflow:auto;
}
.modal-gallery-carousel{
    height: auto;
    overflow:auto;
}
.modal-gallery-carousel img{
    width: 100%;
    height: auto
}
.modal-gallery a.carousel-control{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-gallery .carousel-caption{
    font-size: 24px
}
.modal-gallery-control{
    overflow:hidden;
    display: none;
}
.modal-gallery-control ul{
    list-style: none;
    padding: 0;
    margin: 0

}
.modal-gallery .carousel-control.left, .modal-gallery .carousel-control.right{
    background:transparent;
}
@media screen and (min-width:768px){
    .modal-gallery-control{
        display: block
    }
    .modal-gallery .modal-dialog{
        max-height: 100vh
    }
    .modal.modal-gallery{
        max-height: 100vh
    }
    .modal-gallery .modal-content{
        max-height: 95vh
    }
    .modal-gallery .modal-body{
        max-height: 95vh;
        overflow: hidden;
    }
    .modal-gallery-control{
        max-height: 95vh;
        overflow-y: scroll;
    }
    .modal-gallery-carousel img{
        max-height: 88vh;
        width: auto;
        margin: auto
    }
}
.modal-gallery-control ul li{
    margin-bottom: 15px

}
.modal-gallery-carousel{
}

.modal-gallery-control::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.modal-gallery-control::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.modal-gallery-control::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

/* HL. STRÁNKA */
.home-section-title{
    text-align: center;
    margin-bottom: 40px
}
.home-section-title h2{
    font-size: 35px;
    color:#999999;
    margin: 0;
    line-height: 50px;
}
.section-btn{
    margin-top: 40px
}
.btn-nice{
    text-transform: uppercase;
    padding: 11px 50px;
    font-weight: 700;
    border:none;
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.08);
}
.section-bgr{
    color: #fff;
    background: no-repeat center center fixed;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    position: relative
}
.section-bgr:before{
    content: "";
    background:rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.section-bgr h2{
    color: #fff
}
.section-bgr .container{
    z-index: 2;
    position: relative;
}
.section-grey{
    background:#f1f1f1;
}
/* NOVINKY HL. STRÁNKA */
.news-box{
    margin-bottom: 40px
}
.news-box h3{
    margin: 0
}
.news-date{
    color: #999999;
    font-size: 10px;
    padding: 5px 0 10px 0;
    display: block
}
a.news-more{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}
@media screen and (max-width: 767px){
    .news-box h3{
        margin-top: 10px
    }
}


.visible{
	visibility:visible!important;
}
/* O NÁS HL. STRÁNKA */

.home-about-desc, .home-about-img{
	visibility:hidden;
}
.home-about-desc{
    font-size: 17px
}
@media screen and (max-width: 767px){
    .home-about-desc{
        text-align: center;
        margin-top: 15px
    }
}



/* SLUŽBY HL. STRÁNKA */
.home-services-boxes{
    margin-top:40px;
}
.home-services-box-wrapper{
    padding:0 20px;
}
.home-services-box-wrapper a, .home-services-box-wrapper a:hover{
    color: #fff;
    text-decoration: none;
}
.home-services-box{
    border-radius: 50%;
    width: 260px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:auto;
    position: relative;
    transition: all 0.4s;
    margin-bottom: 30px
}
.home-services-box:hover{
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3);
}
.home-services-box-overlay{
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:rgba(0,0,0,0.3);
}
.home-services-box span{
    position: relative;
    z-index: 2
}

.home-services-box .icon{
    color: #fff;
    font-size: 64px
}
.home-services-box .home-services-title{
    font-size: 24px;
    padding: 15px 0 0 0
}
.home-services-box .home-services-desc{
    font-size: 13px
}

/* AUTA */
.page-cars-box-wrapper{
    padding:0 20px;
    margin-bottom: 40px
}
.page-cars-box-inner{
    background: #fff;
transition: all 0.2s;
padding:0;
margin-bottom:15px
}

.page-cars-image{
    height: 160px;
    overflow: hidden;
    padding:0!important;
}
.page-cars-image img{
    width: 100%;
    height: auto;
}
.page-cars-text{
    padding:15px;
}
.page-cars-text span.page-cars-title{
    display: block;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    color: #000
}
.page-cars-text span.page-cars-price{
    display: block;
    float: right;
    color:#0080B4;
}
.page-cars-text span.page-cars-desc{
    font-size: 13px;
    color: #666
}
.page-cars-text a.page-cars-more{
    font-size: 13px;
    display: block;
    margin-top: 10px;
    transition: all 0.5s
}
.page-cars-text a.page-cars-more:hover{
    color:#0080B4;
    text-decoration: none;
    margin-left: 5px
}


.page-car-detail-price{
    font-size: 24px
}
.page-car-detail-wrapper{
background:#fff;
height: auto;
overflow:auto;
}
.page-car-detail-left, .page-car-detail-right{
    margin-top: 15px
}

/* SLUŽBY PODSTRÁNKA */

.page-services-box-wrapper{
    padding:0 20px;
    margin-bottom: 40px
}
.page-services-box-inner{
    background: #fff;
transition: all 0.2s;
padding:0;
}

.page-services-image{
    height: 160px;
    overflow: hidden;
}
.page-services-image img{
    width: 100%;
    height: auto;
}
.page-services-text{
    padding:15px;
}
.page-services-text span.page-services-title{
    display: block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
    color: #000
}
.page-services-text span.page-services-desc{
    font-size: 13px;
    color: #666
}
.page-services-text a.page-services-more{
    font-size: 13px;
    display: block;
    margin-top: 10px;
    transition: all 0.5s
}
.page-services-text a.page-services-more:hover{
    color:#0080B4;
    text-decoration: none;
    margin-left: 5px
}
/* HL. STRÁNKA KONTAKT */
span.home-contact-box-title{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    display: block;
    padding-bottom: 10px
}
.home-contact-box-form{
    max-width: 450px;
    margin: auto;
    text-align: center;
    float: none;
    margin-top: 60px
}

/* PODSTRÁNKA KONTAKT */
@media screen and (max-width: 767px){
.page{
padding-top:0;
}
}
.page-cms .contact-box-form{
margin-top: 0
}

span.page-contact-box-title{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    display: block;
    padding-top: 20px
}
.page-contact-box-form{
    max-width: 450px;
    margin: auto;
    text-align: center;
    float: none;
    margin-top: 60px
}
/* HL. STRÁNKA MAPA */
.home-map {
    position: relative;

    height: 300px;
    overflow: hidden;
}
.home-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* KONTAKT */
.contact-map {
    position: relative;

    height: 300px;
    overflow: hidden;
}
.contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.contact-box-form{

    text-align: center;
    float: none;
    margin-top: 60px
}














@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}




.event-img{
    position: relative;
}
.event-time{
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    top:0;
    left:0;
    width:80px;
    background-color:#0080B4;
    color: #fff;
    font-weight: 700;
    display: flex;
flex-direction: column;
justify-content: center;
    text-align:center
}
.event-time small{
    font-weight: 400;
    font-size: 14px;
    padding-top: 0;
    display: block
}
.event-desc h3{
    text-transform: uppercase;
font-size: 21px;
font-weight: 700
}


.home-gallery .page-heading{
    padding:0;
    display:none
}

.ck-content [class^="fa-"]:before, .ck-content [class*=" fa-"]:before{
  padding-right:5px  
}

.partner-box img{
    max-height: 40px;
    width: auto!important;
    display:block;
    margin: auto;
    margin-bottom: 30px
}
.home-slider .btn-primary{
    box-shadow: inset -400px 0 0 0 #0080B4;
    color:#fff
}
.home-slider .btn-primary:hover{
    box-shadow: inset -400px 0 0 0 #fff;
    color:#333;
    border-color:#fff!important
}

li.slider-additional-image .slider-title-box{
    float:right;
    width:50%;
    height:auto;
    overflow:auto
}
li.slider-additional-image .slider-title-box .slider-title{
    left:50%;

    align-items: initial;
    text-align:left;
}
li.slider-additional-image .slider-title-box .slider-title .btn-primary{
   float:left;
   width:200px 
}
li.slider-additional-image .slider-additional-image-box{
    float:left;
    width:50%;
    z-index: 2;
position: absolute;
top:0;
bottom:0;
left:0;
right:50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
li.slider-additional-image .slider-additional-image-box img{
    display:block;

}
@media screen and (max-width:1023px){
 .ck-content img{
    max-width: 100%;
height:auto;
padding-left:0!important;
padding-right:0!important
}   
}


#message-modal-div .modal-content{
    background:transparent;
    width:50%
}
#message-modal-div .close{
    color:#fff;
    opacity:1
}
#imagemodal .modal-dialog{
    width: 100%;
    padding:0 15px;
    margin:0;
    margin-top: 15px;
}
#imagemodal .modal-content{
    background:transparent;

}
#imagemodal .close{
    color:#fff;
    opacity:1
}
.page-cms-desc .fa{
    padding-right:5px
}
@media screen and (max-width:1023px){
.slider-logo{
max-width:260px;
display:block;
margin:auto;
position:absolute;
left:10px;
top:10px;
z-index:99;
max-width:180px;
height:auto
}
}
@media screen and (min-width:1024px){
.slider-logo{
display:none
}
}


ul.mob-submenu-show{
    display:none

}
.mobile-menu-open ul.mob-submenu-show{
    display:block
}
.imagemodal{
    cursor:pointer!important;
}



hr{
width:100%;
height:1px;
margin:10px 0;
background:#ccc
}
ul.social{
float:right
}

ul.languages{
  list-style:none  ;
  margin:0;
  padding:0;
  float:right;
  padding-left:30px;
  border-left:1px solid rgba(255,255,255,0.4)
}
.languages li{
    display:inline-block
}

.languages li a{
    text-transform:uppercase;
}

li.lang-mob a{
    display:inline-block!important;
    margin-top:0px!important
}
li.lang-mob{
    position:absolute;
    top:-55px;
    left:15px
}
@media screen and (min-width:768px){
.lang-mob{
    display:none;

}

}

.remove-videodetector{
    display:none
}
.videodetector {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videodetector iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.btgrid .col.col-md-1{
 width:8.3333333%   
}
.btgrid .col.col-md-2{
  width: 16.66666%;  
}
.btgrid .col.col-md-3{
    width: 25%;    
}
.btgrid .col.col-md-4{
      width:33.33333% ;  
}
.btgrid .col.col-md-5{
   width:41.666666 ;     
}
.btgrid .col.col-md-6{
    width:50% ;    
}
.btgrid .col.col-md-7{
      width:58.33333% ;  
}
.btgrid .col.col-md-8{
     width: 66.66666%;   
}
.btgrid .col.col-md-9{
     width: 75%;   
}
.btgrid .col.col-md-10{
      width:83.33333% ;  
}
.btgrid .col.col-md-11{
   width: 91.666666%;     
}
.btgrid .col.col-md-12{
      width:100% ;  
}
}


.fb-footer{
    display:none
}
@media screen and (max-width:767px){
 .fb-footer{
    display:block
}   
}

@media screen and (max-width:1023px){
    body.mobile-menu-open .main-nav ul li.extralang{
    display:none!important
}
}






/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


  .owl-carousel div.owl-nav.disabled{
    display:block;
}



.modal-gallery-inner{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-gallery .gallery-row{
    max-width:1200px;
    height:auto;
    margin:auto;
}
.modal-gallery-carousel{
    overflow:visible;
}
.modal-close-button{


 width:30px;
 height:30px;
 background-color:rgba(0,0,0,0.8);
 color:#fff;
 line-height:30px;
 border:2px solid rgba(255,255,255,0.5);
 text-align:center;
 border-radius:50%;
 transition:all ease-in 0.2s;
 box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 cursor:pointer;
 margin-top:-10px;
 margin-right:-20px;

}
.modal-close-button .close{
    float:none;
    text-align: center;
    line-height: 24px;
    color:#fff;
    text-shadow: -1px 1px 0px #333333;
}
.owl-item{
    visibility:hidden
}
.owl-item.active{
    visibility:visible
}


/* OWL CONTROLS */
.owl-prev, .owl-next{
    width:40px;
    height:40px;
    background-color:#eee;
    color:#333;
    line-height:40px;
    border:none;
    text-align:center;
    border-radius:4px;
    transition:all ease-in 0.2s;
}
.owl-prev .fa, .owl-next .fa{
    padding:0
}
.owl-prev:hover, .owl-next:hover{
    background-color:#ddd;
}
.owl-prev{
    float:left;
}
.owl-next{
    float:right;
}
.home-partners-ctnr .owl-prev{
    float:left;
    margin-left:-40px;
}
.home-partners-ctnr .owl-next{
    float:right;
    margin-right:-40px;
}
.owl-carousel .owl-nav{
    position:absolute;
    top:40%;
    left:0;
    right:0;

}
.home-partners-ctnr .owl-stage-outer{
    z-index:2;
}

@media screen and (max-width:767px){
    .owl-prev, .owl-next{
        width:40px;
        height:40px;
        line-height:40px;
    }
    .home-partners-ctnr .owl-nav{
        display:none;
    }
}
@media screen and (min-width:768px){
    .owl-carousel .owl-nav{
        top:20%;
    }
}
/* OWL GALLERY */
.modal-gallery .owl-carousel .owl-item img{
    width:auto;
    height:100%;
    -webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,1);
    box-shadow: 0px 0px 14px -1px rgba(0,0,0,1);
    padding:0!important;
}
.modal-gallery .owl-prev, .modal-gallery .owl-next{
    width:60px;
    height:60px;
    background-color:rgba(255,255,255,0.1);
    color:#fff;
    line-height:60px;
    border:2px solid rgba(255,255,255,0.5);
    text-align:center;
    border-radius:50%;
    transition:all ease-in 0.2s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    
    text-shadow: -1px 1px 0px #333333;
}
.modal-gallery .owl-carousel .owl-nav{
    position:absolute;
    top:80%;
    left:0;
    right:0;

}
.modal-gallery .owl-carousel .owl-stage-outer{
    overflow:visible;
}


@media screen and (max-width:767px){
    .modal-gallery .owl-prev, .modal-gallery .owl-next{
        width:40px;
        height:40px;
        line-height:40px;
    }

.modal-close-button{
    margin-right:0;
    margin-top:0;
}
}
@media screen and (max-width:1023px){
    .modal-gallery .owl-carousel .owl-item img{
    width:100%;
    height:auto;
}


}

@media screen and (min-width:768px){
    .modal-gallery .owl-carousel .owl-nav{
        top:50%;
    }



}
@media screen and (min-width:1024px){
    .modal-gallery .owl-next{
        margin-right:-10px;
    }
}


.modal-backdrop{
    background-color: rgb(119, 119, 119);    
}
.modal-backdrop.in{
    opacity: .75;
    filter: alpha(opacity=75)
}


@media screen and (max-width:767px){
    .modal-gallery .modal-body{
     padding:0 
 }
 .owl-carousel .owl-item img{
    width:100%;
    height:auto
}

}
.disableClick{
    pointer-events: none;
}


td[data-action="selectDay"]:hover{
    background-color:#eee;
    color:black;
    cursor:pointer
}
.bootstrap-datetimepicker-widget .fa:hover{
    color:#000!important;
    cursor:pointer!important
}
span[data-action="selectMonth"]{
    padding:5px;
    display:inline-block
}
span[data-action="selectMonth"]:hover{
    background-color:#eee;
    color:black;
    cursor:pointer    
}
.fancybox-caption {
    padding-bottom: 80px;
}
.compensate-for-scrollbar {
  margin-right: 0 !important;
}

header.nav1 .main-nav h1.logo a img {
    width: auto;
    max-height: 70px;
    margin-top: 7px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    margin-bottom: 5px;
}