/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/* GLOBAL STYLES
-------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&amp;display=fallback');

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

html {height: 100%;}
body {
  color: #5a5a5a; font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    height: 100%;
}

body, p, a, h1, h2, h3, h4, h5, h6 {    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}

h1, h2, h3, h4, h5, h6 {color: #0e80ad; font-weight: 600;}
h1, h4{ font-size: 42px; margin: 35px 0;}
h5 {color: #555555;}

a {text-decoration: none; color: #0e80ad;}

main { padding-top: 80px;}









.btn-index {
    color: #05a9cd;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: 3px solid #23b5d5;
    padding: 20px 5px 5px 5px;
	display: block;
	}
.btn-index:HOVER {   background: rgb(19,104,155);
background: linear-gradient(325deg, rgba(19,104,155,1) 0%, rgba(8,172,208,1) 100%);
color: #ffffff;
	}

.btn-index h3 {color: #05a9cd;}
.btn-index:HOVER h3 {color: #ffffff;}

.btn-index span {background: rgb(19,104,155);
background: linear-gradient(325deg, rgba(19,104,155,1) 0%, rgba(8,172,208,1) 100%); color: #ffffff; font-size: 62px; text-align: center; border-radius: 50%; padding: 8px;}
.btn-index:HOVER span {background: #ffffff !important; color: #23b5d5;}


.btn-signup {    color: #058573 ;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: 3px solid #0db9ae;
	}
.btn-signup:HOVER {   background: rgb(5, 133, 115);
    background: linear-gradient(325deg, rgb(5, 133, 115) 0%, rgb(32, 207, 196) 100%);
color: #ffffff;
	}
.btn-signup h3 {color: #058573;}
.btn-signup:HOVER h3 {color: #ffffff;}

.btn-signup span {background: rgb(5, 133, 115);
    background: linear-gradient(325deg, rgb(5, 133, 115) 0%, rgb(32, 207, 196) 100%); color: #ffffff; font-size: 62px; text-align: center; border-radius: 50%; padding: 8px;}
.btn-signup:HOVER span {background: #ffffff !important; color: #0db9ae;}









.navbar {border-bottom: #dddddd 1px solid;}

.navbar-brand img {width: 200px;}

.collapse.navbar-collapse  {
	float: right;
	flex-grow: initial;
}
.navbar > .container {position: relative;}


.collapse.navbar-collapse .navbar-nav{
	margin: 0;
}


.navbar-light .navbar-nav .nav-item span {
padding: 0px 20px; text-align: center; }


.navbar-light .navbar-nav .nav-item .nav-link {
    color: #1288b4;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	border-left: #b5b5b5 1px solid;
	padding: 0 20px;
}
@media (max-width: 1175px){
.navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 15px;
	padding: 0 10px;
}}
.navbar-light .navbar-nav .nav-item:first-child .nav-link {
	border-left: none;
}
.navbar-light .navbar-nav .nav-link:HOVER {
    color: #05a9ce;
}
.navbar-light .navbar-nav .nav-link.active {
    color: #05a9ce;
}

.navbar-toggler {font-size: 52px; color: #05a9ce !important; border:none !important; position: relative; left: -10px;}
.navbar-toggler, .navbar-toggler:hover , .navbar-toggler:focus { box-shadow: none;}

.bg-blue {background-color: #05a9ce;}
.bg-blue h2{color: #ffffff;}
.bg-blue p{color: #ffffff;}


.bg-grey {background-color: #f2f2f2;}

.paddingtxt  {padding: 0 30px;}

.bg-sfondo {background-color: #555555; background-image: url('../image/bg_lombate.jpg'); padding-bottom: 45px;
    background-size: cover; }
.bg-sfondo h1 {color: #ffffff;}
.bg-sfondo h3 {color: #ffffff;}
.bg-sfondo p{color: #ffffff;}

.prodottosx {padding-top: 60px;}

.prodottodx {padding-top: 40px;}
.prodottodx h1{font-size: 38px;border-bottom: #fff 1px solid;padding: 20px;}
.prodottodx .description{padding: 20px; color: #fff;}
.prodottodx .elementi {width: 100%; display: inline; padding: 20px 0;}
.prodottodx .elementi p{border-bottom: #fff 1px solid; padding: 20px; color: #ffffff; width: 100%;text-align: left;
	font-family: 'Open Sans', sans-serif;}
.prodottodx .elementi p:last-child{border-bottom: none;}
.prodottodx table {max-width: 100%;}
.prodottodx table td{border: #fff 1px solid; padding: 20px; color: #ffffff; text-align: left; 
	font-family: 'Open Sans', sans-serif;}


@media (max-width: 767px){
.prodottodx table td{padding: 10px;}
}

.bloccoquadrato {padding: 20px;}
.bloccoquadrato a {border: 1px solid #ffffff;}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
	 
.btn {
	font-family: 'Open Sans', sans-serif;
} 
.btn-light {
    color: #034b97;
} 
.btn-primary {
background-color: #0e80ad;
    border-color: #04a8cc;
} 
.btn-primary:HOVER {
background-color: #04a8cc;
    border-color: #04a8cc;
}

.carousel-caption {padding-bottom: 100px;}
.carousel-caption p{ font-size: 22px; color: #ffffff;}	
.carousel-caption h1{ font-size: 42px; font-weight: 700; padding-bottom: 20px; color: #ffffff; margin-bottom: 0px;}	
.carousel-caption .btn{ font-size: 15px; padding: 5px 20px;}	 	 



.blocco-home-1 {background-color: #ffffff;}
.blocco-home-1 .col-6{padding:0px; }
.blocco-home-1 .col-12{padding:0px;}
.blocco-home-1 .col-6:HOVER{z-index:999; }

.bloccotesto1 {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
  padding: 0 40px;
}
.txt1 {color: #ffffff; font-size: 18px;}
.txt2 {color: #ffffff; font-size: 26px;}
.txt3 {color: #ffffff; font-size: 14px; padding-top: 10px;}


.blocco-home-2 {background-color: #f3f3f3; padding: 140px 0; text-align: center;}
.blocco-home-2 h2{font-size: 24px; font-weight: 400;}
.blocco-home-2 h3{font-size: 58px; font-weight: 500;}


.blocco-restauri {background-color: #f3f3f3; padding: 100px 0; text-align: center;}
.blocco-restauri h2{font-size: 24px; font-weight: 400;}
.blocco-restauri h3{font-size: 52px; font-weight: 500;}


.blocco-home-3 h3{font-size: 42px; font-weight: 500;padding-bottom: 20px; text-align: center; width: 100%;}
.blocco-home-3 {background-color: #ffffff; padding: 80px 0; text-align: center;}


.blocco-home-4 {background-color: #f3f3f3; padding: 80px 0; text-align: center;}
.blocco-home-4 h2{font-size: 28px; font-weight: 400;padding: 0 0 40px 0}


.blocco-marchi {background-color: #f3f3f3; padding: 30px 30px; text-align: center;}
.marchio {max-width: 100%; width: 260px; margin-bottom: 30px;}


.blocco-consulenza {background-color: #f3f3f3; padding: 100px 0; text-align: center;}
.blocco-consulenza h2{font-size: 24px; font-weight: 400;}
.blocco-consulenza h3{font-size: 52px; font-weight: 500;padding-bottom: 40px;}
.blocco-consulenza p{text-align: justify; font-size: 14px;}


.blocco-contatti-sx {padding: 30px; border-radius: 10px; position: relative; z-index: 100;}
.blocco-contatti-sx h2{padding: 0 0 0 0; color: #034b97; font-weight: 700; font-size: 18px; margin-bottom:15px; margin-top: 0px;}
.blocco-contatti-sx h2 i{font-size: 28px; margin-right:5px; }
.blocco-contatti-sx p{padding-left: 30px;padding-bottom:px; padding-bottom: 5px;}
.blocco-contatti-sx a{color: #555555;}
.blocco-contatti-sx a:hover{color: #555555;}
.blocco-form {padding: 35px 20px 70px 20px;}
.blocco-form h3{color: #e5bc63;}

.formcontatti .form-control {
    border-radius: 0;
	margin-bottom:15px;
	margin-top: 5px;
}

.formcontatti .label-form {font-size: 15px; font-weight: 700;}
.formcontatti .label-form span{color: #e10819;}

textarea:focus,#validationTextarea,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(126, 239, 104, 0.0);
  outline-color: #fff;
}

/* ANIMATION */

.img-zoom{-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease}

.img-zoom:HOVER{
transform:scale(1.08);
-ms-transform:scale(1.08);
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);
}


.effetto-1{
overflow: hidden;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
background-color: #333333;
position: relative;
width: 100%;
height: 100%;
display: block;}

.effetto-1 img{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
}

.effetto-1:HOVER img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transform:scale(1.08);
-ms-transform:scale(1.08);
-moz-transform:scale(1.08);
-webkit-transform:scale(1.08);
-o-transform:scale(1.08);}

.effetto-1 .element{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
position: absolute;
top:0;
left: 0%;
width: 100%;
height: 100%;
padding:20px;
}
.effetto-1:HOVER .element{
top:0%;
left:0%;
width: 100%;
height: 100%;
}

.effetto-1 h6{
	color: #ffffff !important;
	font-size: 24px !important;
}
.effetto-1 p{
	color: #ffffff;
}




.effetto-2{
overflow: hidden;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
background-color: #333333;
position: relative;
width: 100%;
height: 100%;
display: block;}

.effetto-2 img{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
}

.effetto-2:HOVER img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
transform:scale(1.18);
-ms-transform:scale(1.18);
-moz-transform:scale(1.18);
-webkit-transform:scale(1.18);
-o-transform:scale(1.18);}



.effetto-2 .element{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: rgb(0, 0, 0, 0.3)!important;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.effetto-2:HOVER .element{
top:0%;
left:0%;
width: 100%;
height: 100%;
-ms-transform: rotate(45deg);
  transform: rotate(45deg);
}






.img-grafici{max-width: 100%;
    padding: 20px;
    background-color: #fff;
border: #dddddd 1px solid;}

footer {     padding: 30px 0 !important;
    font-size: 13px;
    color: #888888;}
.footer2 {
    text-align: center;
    color: #fff;
    padding: 40px 5px;
    border-top: #ffffff 1px solid;
    font-size: 12px;
    margin-top: 30px;
}
footer a{color: #fff; text-decoration: none;	font-family: 'Open Sans', sans-serif !important;}
footer a:hover{color: #fff; }
footer p{color: #fff; padding: 0px 0 10px 0; margin: 0; font-size: 13px;	font-family: 'Open Sans', sans-serif !important;}
footer h4{color: #fff; padding: 20px 0 10px 0; margin: 10px 0; font-size: 18px;	font-family: 'Open Sans', sans-serif !important;}

footer .logopedice {
	border-radius:6px; padding: 5px; background-color: #ffffff; width: 185px; max-width: 100%; margin-top: 20px;
}

@media (max-width: 1199px) {
.nav-item { margin-left: 5px;}
.carousel-caption {padding-bottom: 20px;}
.carousel-caption p{ font-size: 18px;}	
.carousel-caption h2{ font-size: 42px; padding-bottom: 15px;}	
.carousel-caption .btn{ font-size: 14px; padding: 8px 14px;}	 	 
	
} 
@media (max-width: 991px) {
.nav-item {    margin-left: 3px; text-align:center;}
.nav-item a { font-size: 21px !important; padding: 10px !important;text-align: center; border-bottom: #dddddd 1px dotted; border-left: none !important;}
.social-img {width: 20px;}
}

@media (max-width: 767px) {
	
/*	
.collapse.navbar-collapse {
	float: normal;
    margin-top: 10px;
}
.navbar-brand img {
    width: 230px;
	position: absolute;
	left: 50%;
	margin-left: -110px;
	top: 15px;
}
.navbar-brand {
	height: 120px;
}

*/
.navbar-light .navbar-nav .nav-item span {    padding-top: 35px;
    display: block;}

.blocco-top { padding: 70px 0 40px 0;}	
.blocco-top h2{font-size: 16px; }
.blocco-top h3{font-size: 36px;}

.fixed-top { padding: 10px 0px !important;}
.logo { width: 240px;}
.navbar-brand {margin-right: 0;}
main { margin-top: 0px;}

.social-top {text-align: center;}
.carousel-caption {text-align: center !important;}
.carousel-caption p{ font-size: 14px;}	
.carousel-caption h1{ font-size: 24px; }	
.carousel-caption .btn{ font-size: 13px; padding: 3px 10px;}
ol.carousel-indicators  {display: none;}

.owl-prev, .owl-next {
    position: relative;
    top: auto;
    transform: translateY(0%);
    width: 50px;
    height: 50px;
    margin: 20px 5px 0 5px;
    left: auto!important;
    right: auto!important;
}

footer h4{font-size: 24px; margin-top: 20px; margin-bottom:0;}
footer {text-align: center;}
.decolineleft{
    margin: 10px auto 20px auto;
	}
}





.effetto-3{
overflow: hidden;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
background-color: #333333;
position: relative;
width: 100%;
display: block;}

.effetto-3 img{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.effetto-3:HOVER img{

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transform:scale(1.18);
-ms-transform:scale(1.18);
-moz-transform:scale(1.18);
-webkit-transform:scale(1.18);
-o-transform:scale(1.18);}



.effetto-3 .element{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;
transition:all 0.5s ease;position: absolute;top: -200%;left: 0%; width: 100%; height: 100%; text-align: center;}
.effetto-3:HOVER .element{
top:45%;
left:0%;
width: 100%;
height: 100%;
}






.effetto-4{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
position: relative;
width: 100%;
display: block;}

.effetto-4 img{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;

transform:scale(0.9);
-ms-transform:scale(0.9);
-moz-transform:scale(0.9);
-webkit-transform:scale(0.9);
-o-transform:scale(0.9);
}

.effetto-4:HOVER img{

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transform:scale(1.18);
-ms-transform:scale(1.18);
-moz-transform:scale(1.18);
-webkit-transform:scale(1.18);
-o-transform:scale(1.18);}



.effetto-4 .element{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;
transition:all 0.5s ease;position: absolute;top: -200%;left: 0%; width: 100%; height: 100%; text-align: center;}
.effetto-4:HOVER .element{
top:45%;
left:0%;
width: 100%;
height: 100%;
}


.bloccoprodotti h3{padding: 10px 0 35px 0;}


.bloccocataloghi h3 {font-size: 18px;}



.effetto-5{
overflow: hidden;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
background-color: #000000;
position: relative;
width: 100%;
display: block;}

.effetto-5 img{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;

}

.effetto-5:HOVER img{

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
transform:scale(1.18);
-ms-transform:scale(1.18);
-moz-transform:scale(1.18);
-webkit-transform:scale(1.18);
-o-transform:scale(1.18);}



.effetto-5 .element{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;
transition:all 0.5s ease;position: absolute;bottom: -500px;left: 0%; width: 100%; height: auto; text-align: center;}
.effetto-5:HOVER .element{
bottom:20px;
left:0%;
width: 100%;
}









/* CAROUSEL INDEX
-------------------------------------------------- */


.carousel-item > img {
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 500px) {
.carousel-item {
  height: 65vw;
}
.carousel-item > img {
  height: 65vw;
}
	
}



/* CAROUSEL INTERNO
-------------------------------------------------- */

.interno .carousel-item {
  height: 32vw !important;
  min-height: 10px !important;
	
}
.interno .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 10px !important;
  -o-object-fit: cover;
  object-fit: cover;
}














.blocco1 .col-lg-4 {
  margin: 2rem 0;
  text-align: center;
}
.blocco1 h3 {
  font-weight: 600;
  margin: 10px 0;
  font-size: 32px;
}
.blocco1 .col-lg-4 p {
  margin-right: 4rem;
  margin-left: 4rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}




.bloccocheff  {margin:0px !important; padding: 0px !important;}
.bloccocheff .row, .bloccocheff .row>*{margin:0px !important; padding: 0px !important;}
.bloccocheff .fotodx{width:50%; float: right;}
.bloccocheff .testosx{width: 40%; margin-left: 10%!important; float: left;}
@media (max-width: 991px){
	.bloccocheff .fotodx{width:100%; }
	.bloccocheff .testosx{width: 80%; margin-left: 10%!important; float: left;}
	.bloccocheff .testosx br{display: none;}
}




/* IMG QUADRATA*/


.imageq {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}





.top-right {
	text-align: right;
	position: absolute;
	top: 20px;
	right: 33px;
    font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #555555;
}
.top-right a {
    font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #555555;
}
.top-right a:HOVER {
	color: #034b97;
}
.top-dentro {
	display: none;
	text-align: center;
    font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
}
.top-dentro a{
	padding: 10px;
	display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #555555;
}

@media (max-width: 991px) {.top-right {display: none;}.top-dentro {	display: block;}}

.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545;
}
.invalid-feedback {
    position: relative;
}

@media (max-width: 767px) {
	h1, h4{ font-size: 32px; margin: 50px 0;}
	
	.navbar-toggler {margin-left: 20px;}
	
	
}

/* BLOG CSS */

.blog-post {padding-bottom: 30px;}
.dez-post-title h3 {padding-top: 20px; padding-bottom: 0px; font-size: 42px; color: #4a4a49;}
.dez-post-title h3 a{color: #4a4a49;}
.dez-post-title h5  {padding-top: 0px; padding-bottom: 10px; font-size: 24px; color: #4a4a49;}
.dez-post-text {padding-bottom: 20px;}
.dez-post-info {padding-bottom: 30px; border-bottom: #ccc 1px solid;}

.pagination-bx {
	text-align: center;
}
.pagination {
    display: inline;
    text-align: center;
	font-size: 25px;
	font-weight: 800;
	color: #4a4a49;
}
.pagination a{
	color: #4a4a49;
	margin: 2px;
}
.pagination .active span, .pagination .number-page a{
	font-size: 33px;
}

.pagination li:nth-child(n+2):before {
content: "-";}

.pagination li{
    display: inline;
}

.btnback{position: relative;
    color: #ffffff;
    background-color: #4a4a49;
    top: 30px;}
.btnback:HOVER{
    color: #ffffff;
    background-color: #034b97;}





    @media (min-width: 768px) and (min-height: 1200px) {

        footer {position: fixed; bottom: 0;}
    }