/****** Main ********/

body {
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, .navbar{
font-family: 'Oswald', serif;
}
h1 {
	font-size:3em;
}
h2,h3 {
	font-size:1.8em;
  padding: 1em 0 .5em 0; 
}
p {
	font-size: 1.2em;
	line-height:1.5em;
  padding: 0px 0px 10px 0px;
}
h2 + p {
	font-size:1em;
}
.vertical-center {
	text-align:center;
	width:100%;
	position: absolute;
	top: 47%;
	transform: translateY(-47%);
}
.vertical-center p {
}

.bottom_logo_qr img{
display: block;
width: 180px;
margin: auto;
}
.inner {
	margin:0 auto;
  padding: 0px;
  padding-top: 20px;
}

/* CMS AXART custom*/

#fixed-footer{
		position:fixed;
		height: 45px;
		display:block;
		width: 100%;
		background: rgba(0,119,166, 1);
		z-index:1000;
		text-align:center;
		color: #f2f2f2;
		padding: 10px 0 10px 0;
		bottom:0px;
	}
#fixed-footer a{
color: #fff;
font-family: 'Oswald', serif;
margin: 20px;
}

.show-horizontal  img.logo-horizontal{width: 150px;transition: all 0.5s ease;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */}
.show-horizontal  img.logo-vertical{width: 0px;transition: all 0.5s ease;opacity: 0;filter: alpha(opacity=0); /* For IE8 and earlier */}
.show-vertical    img.logo-horizontal{width: 0px;transition: all 0.5s ease;opacity: 0;filter: alpha(opacity=0); /* For IE8 and earlier */}
.show-vertical    img.logo-vertical{width: 120px;transition: all 0.5s ease;opacity: 1;filter: alpha(opacity=100); /* For IE8 and earlier */}
.xrt-visible{display: block;transition: all 0.5s ease;}
.xrt-invisible{display: none;transition: all 0.5s ease;}

.bg-light{
background-color: #fff !important;
}
.bg-dark{
background-color: #000 !important;
}
.page-header{
padding-top: 200px;
margin: 0px !important;
box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
}
.page-header h1{
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 80px;
}


h2{
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 30px;
font-size: 35px;
}


img{width: 100%;}
.bottom-center{position:absolute; bottom:0px;z-index: 1000;}
.top-center{position:absolute; top:0px;z-index: 1000;}

.carousel{
}
.carousel-inner{
height: 1150px;
}
.carousel-item{
height: 1150px;
}
.carousel-item .active{
padding: 0px;
}
.carousel-caption{
height: 30vh;
//border: 1px solid red;
padding: 0px;
padding-top: 10vh;
margin: 0px !important;
top: 5vh !important;
}

.carousel-caption h2{
font-size: 55px;
text-align: left !important;
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.carousel-caption p{
color: #fff;
text-align: left !important;
font-size: 1em;
line-height: 1.3em;

}


@media (min-width:576px) {
h2{
color: #fff !important;
}
.inner {
  padding-top: 50px;
}

}
@media (min-width:768px) {
.carousel-inner{
height: 100vh;
}
.carousel-item{
height: 100vh;
padding: 0px !important;
//border: 1px solid lime;
}

.carousel-caption h2{
	max-width: 720px
}
}
@media (min-width:992px) {
.carousel-caption h2{
	max-width: 960px
}
}
@media (min-width:1200px) {
.carousel-caption h2{
	max-width: 1140px
}
}




.carousel-indicators{
margin-bottom: 20vh !important;
}

.carousel-indicators li{
background-color: #0077A6;
padding: 10px;
border-radius:50%;
width: 15px;
height: 15px;
border: 2px solid #efefef;
}

.carousel-indicators .active{
background-color: #07A4E2;
}
.navbar{
}
.nav-link{
font-size: 1.4em;
color: #17BFFF !important;
}
.nav-link:hover{
color: #0076A5 !important;
background-color: #fff !important;
}

.navbar .current .nav-link{
color: #17BFFF !important;
}

.nav-aux .nav-link{
font-size: .8em;
color: #17BFFF !important;
}

.circular_pic_holder{
padding-top: 60px;
}
.circular {
border-radius: 50%;
background: linear-gradient( rgba(23,191,255, 1),rgba(0,119,166, 1) );
padding: 20px;
} 
.autozoom{
  -webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);

  animation-name: zoom-10-100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0s; 
}

@keyframes rotate_clockwise{
  from{
    transform: skewX(0deg) translateX(0px) translateY(0px) rotateZ(0deg);
    }
  to{
    transform: skewX(5deg) translateX(90%) translateY(-400px) rotateZ(45deg);
    }
}

@keyframes zoom-10-100{
  from{
    transform: scale(.6,.6);
    }
  to{
    transform: scale(1,1);
    }
}

@keyframes translate_right{
  from{
    transform: translateX(-150px);
    }
  to{
    transform: translateX(-10px);
    }

}

a{color: #17BFFF;text-align: left;}
a:hover{text-decoration: none}
.horizontal_list li{display:inline !important;}
.homepage_content{
background-size: cover;
background-position: 50% 50%;
padding: 30px 30px 0px 30px;
}

.homepage_content p{
background-color: rgba(255,255,255,.7);
padding: 30px;
}
#topics_feat_area_display_pri{
text-align: center;
}
#topics_feat_area_display_pri h5{
font-size: 35px;
padding: 30px;
}

#topics_feat_area_display_sec{
text-align: center;
}
#topics_feat_area_display_sec h5{
font-size: 35px;
padding: 30px;
}

.hoverblue_bk{
transition: all .5s ease;
color: #000;
background: linear-gradient( rgba(255,255,255, 1),rgba(222,222,222, .5) ) !important;
//background-color: #fff;
cursor: pointer;
}

.click_to_download_app{
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
color: #fff;
text-align: center !important;
border-radius: 50px;
padding: 10px;
}
.hoverblue{
padding: 20px;
transition: all .5s ease;
color: #000;
background: linear-gradient( rgba(255,255,255, 1),rgba(222,222,222, .5) );
//background-color: #fff;
cursor: pointer;
}

.hoverblue:hover{
//padding: 10px;
background: linear-gradient( rgba(23,191,255, 1),rgba(0,119,166, 1) );
//background-color: #FEE503;
color: #fff;
}
.hoverblue:hover h5 a{
color: #fff;
}
.hoverblue:hover h3 a{
color: #fff;
}

.hoverblue:hover img{
box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.38);
}


.app_screenshot_row {
text-align: center;
}
.app_screenshot_left {
width: 200px;
float: left;
clear: both;
margin-right: 10px;
}
.app_screenshot_right {
width: 200px;
float: right;
clear: both;
margin-left: 10px;
}
.app_screenshot {
width: 200px;
}

h2{
clear: both;
}
.cn-stick-nav.bg-light{
//background-color: rgba(0,0,0,0.3) !important;
background: linear-gradient( rgba(0,0,0, 1),rgba(0,0,0, .3) ) !important;
}

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) {
.homepage_content{
background-size: cover;
background-position: 50% 50%;
padding: 150px 150px 0px 150px;
}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) {
.bottom_logo_qr img{
width: 80px;
margin: auto;
}
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) {
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) {
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}


.navbar-toggler{
color: #fff !important;
border: 1px solid rgba(23,191,255, 1) !important;
background: linear-gradient( rgba(23,191,255, 1),rgba(0,119,166, 1) );
}
.bottom_line{
padding: 5px;
margin: auto;
text-align: center;
clear: both;

}
.bottom_line span{
}

footer{
padding: 30px 0px 90px 0px;
box-shadow: inset 0 17px 39px -17px rgba(0,0,0,0.4);
margin-top: 30 px;
}

.btn-success{
background-color: #07A5E4 !important;
color: #fff;
}
.cleared{
padding: 0px;
border: none;
margin: 0px;
background-color: none;
}

.blue_gradient_text{
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.footer-menu{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.footer-menu .nav-item{
margin: 0px !important;
padding: 0px !important;
}
.footer-menu .nav-link{
margin: 0px !important;
padding: 0px !important;
font-size: 1em;
}

.location_name{
font-weight: bold;
cursor: pointer;}

#modal_spalatorii p{
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

.lista_elemente_spalatorie{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/*
.lista_elemente_spalatorie li:nth-child(1){
font-size: 1.2em;
}
.lista_elemente_spalatorie li:nth-child(2){
font-size: 1.2em;
}
*/

.lista_elemente_spalatorie li{
white-space: nowrap;
font-size: 1em;
}

.lista_elemente_spalatorie .btn-mov{
width: 40px;
padding: 2px 10px 2px 2px;
}
#modal_spalatorii h1{
padding: 0px;
margin: 0px;
background: -webkit-linear-gradient(rgba(23,191,255, 1),rgba(0,119,166, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.qrlibra{
margin: auto;
}
.qrlibra td{
text-align: center;
}
.qrlibra td img{
width: 100px;
}