@import url('https://fonts.googleapis.com/css?family=Roboto|Playfair+Display');

* { margin: 0; padding: 0; }
a { text-decoration: none; }
img { border: none; }
.clear { clear: both; }
.hidden { display: none; }
.position-relative { position: relative; }
.container-table { display: table; height: 100%; }
.vertical-center-row { display: table-cell; vertical-align: middle; align: center; }
li{ list-style-type:none;}

html, body { height:100%; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300 }
h1, h2, h3 {font-family: 'Roboto', sans-serif; position:relative; padding:0; margin:0; }

.h2{ font-weight: bold}

/*set*/
.mt10{ margin-top: 10px}
.mt15{ margin-top: 15px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.mt40{ margin-top: 40px}
.mt60{ margin-top: 60px}

.mt120{ margin-top: 120px}
.mt160{ margin-top: 160px}

.mb20{margin-bottom: 20px}
.mb40{margin-bottom: 40px}
.mb60{margin-bottom: 60px}
.mb80{margin-bottom: 80px}
.mb140{margin-bottom: 140px}



.ml1 i{margin-right: .4rem}

/*nav*/
.navbar{padding: 0}
.fixed-top2{ position: fixed; z-index: 1020;}
.navbar-toggler{ border: none; background-color: rgba(255, 255, 255, 0.5); border-radius: 0; padding: 10px; float: right  }
.navbar-toggler:hover{ transition: .45s ease;  background-color: #fff;}
.nav-link{text-align: right; background-color: rgba(0, 0, 0, .7); margin-top: 6px; padding-right: 10px!important; text-transform: uppercase}
.nav-link:hover{transition: .45s ease;  background-color: #000; color: #fff}
.navbar-brand{ width: 200px; margin-right: 0}
.navbar-light .navbar-nav .nav-link{color: #fff}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #fff}
.navbar-light .navbar-nav .nav-link:hover{color: #fff}


/*slider*/
.bg_white_transparent{background-color: rgba(255, 255, 255, 0.8); }
.bg_slider{ background-image: url(../img/Just-Consult-Home.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.carousel-caption{text-align: left; color: #000; left: 0; top: 40%}


.carousel-caption a:hover{ text-decoration: none;  transition: .45s ease;  background-color: #000;}
.carousel-caption a i{ padding-left: 1.2rem}

.carousel-control-next-icon{background-image:url(../img/icon/right-arow.png)}
.carousel-control-prev-icon{background-image:url(../img/icon/left-arow.png)}
.carousel-control-next-icon, .carousel-control-prev-icon{height: 37px; width: 37px}
.carousel_control{ margin-bottom: 60px; text-align: right; margin-right: 40px}
.carousel-control-next, .carousel-control-prev{color: #000; position: inherit; display: initial; align-items: center }

/*banners*/
/*.bg_contact{ background-image: url(https://image.shutterstock.com/z/stock-photo-close-up-of-a-ceo-office-interior-with-a-wooden-table-a-computer-standing-on-it-a-framed-poster-649970059.jpg); background-repeat: no-repeat; background-position: center; background-size: cover}*/
.bg_contact{ background-image: url(../img/Just-Consult-Contact.jpg); background-repeat: no-repeat; background-position: center; background-size: cover}
.bg_servicii{ background-image: url(../img/Just-Consult-Servicii.jpg); background-repeat: no-repeat; background-position: center; background-size: cover}
.bg_servicii_banner{ background-image: url(../img/Just-Consult-bg5.jpg)}
.bg_home2{ background-image: url(../img/Just-Consult-bg2.jpg)}
.bg_home1{ background-image: url(../img/Just-Consult-bg1.jpg)}
.bg_home3{ background-image: url(../img/Just-Consult-bg3.jpg)}

.bg_administrare{ background-image: url(../img/Just-Consult-Administrare.jpg); background-repeat: no-repeat; background-position: center; background-size: cover}
.bg_despre_noi{ background-image: url(../img/Just-Consult-About.jpg); background-repeat: no-repeat; background-position: center; background-size: cover}

.text-set-banner h1 span{ }
.img-icon img{ max-width: 180px;}

/*modul set picture and text*/
.modul_set{background-repeat: no-repeat; background-position: center; background-size: cover; height: 600px}
.modul1{ background-image: url(../img/Just-Consult-bg4.jpg)}
.modul2{ background-image: url(https://image.shutterstock.com/z/stock-photo-livingroom-interior-wall-mock-up-with-gray-fabric-sofa-and-pillows-on-white-background-with-free-634425410.jpg)}

.modul_text .bt1 i{margin-left: 1rem}
.modul_text .bt1:hover{ text-decoration: none; color: #000; transition: .45s ease; border-bottom: 1px solid #000}

.btn:hover{ text-decoration: none;  transition: .45s ease;  background-color: #000; color: #fff;}
.btn{ color: #fff; font-size: 1.2rem; font-weight: bolder; padding: 0.6rem 2rem; background-color: rgba(0, 0, 0, 0.7); border-radius: 0}

.paragraph-modul .date_contact li i{margin-right: .4rem}
/*footer*/
/*.footer{background-image: linear-gradient(rgba(204,204,204,1), rgba(230,230,230,1)2%); margin-top: 6rem}*/


.footer .logo p{font-size: 0.9rem; text-align: right; margin-top: 2rem}
.footer .logo img{width: 45%; margin: 2rem 0 0 0}
.footer ul{ margin-top: 1rem; float: right}
.footer ul .title{ font-size: 0.9rem; text-transform: uppercase; padding: 0; margin: 0 0 0.6rem 0}
.footer ul a{ font-size: 1rem; color: rgba(0, 0, 0, 0.6); font-weight: bolder}
.footer ul a:hover{ text-decoration: none; transition: .45s ease;  color: #000; }
.footer-mobile{ float: left!important}

.arrow-down{width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid #fff; margin: auto}


/*test*/
.test{ padding-bottom: 1rem}
.form-control{border: none; border-bottom: 1px solid #ccc; border-radius: 0; padding: .375rem 0; margin-top: 2rem }


/*modal cookie*/
/* The Modal (background) */
.modal {display: none; position: fixed; z-index: 2000; padding-top: 100px; overflow: auto; background-color: rgb(255,255,255, 0.0); }

/* Add Animation */
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}

/* The Close Button */
.close2 {color: #666; font-size: 16px; transition: 0.3s; background-color:#e6e6e6; border-radius:6px; padding:10px 20px; opacity:1; text-shadow:none; float:right; margin-left:15px }
.close2:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.close3 {color: #666; font-size: 16px; transition: 0.3s; background-color:#e6e6e6; border-radius:6px; padding:10px 20px; opacity:1; text-shadow:none; float:right }
.close3:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.modal-contet{ background-color:#fff;  bottom:0; position: absolute; width:100%; padding-top:20px; padding-bottom:40px; border-top:6px solid #e6e6e6}
.text_modal h2{ padding-bottom:20px}
.text_modal a{ color:#ccc; }
.text_modal a:hover{ text-decoration:none; color:#000}

textarea.form-control{ resize: none}

@media (max-width: 750px) {
	.footer{background-color: #e6e6e6; margin-top: 6rem}
	.mt80{ margin-top: 80px}
	.text-set-banner{ height: 700px; padding-top: 40% }
	.modul_text .bt1{ background-color: rgba(255, 255, 255, 0);  color: #000; }
	.ml1{ margin-bottom: 1rem}
	.cookie_text-set h1{ font-size: 2.2rem; margin-bottom: 1rem; margin-top: 2rem}
	.cookie_text-set h2{ font-size: 1.8rem; margin-bottom: 1rem; margin-top: 2rem}
	.cookie_text-set p{ font-size: 1rem; margin-top: 1rem;}
	.text-set-banner h1{ font-size: 1.8rem; margin-bottom: 1rem }
	.text-set-banner p{ font-size: 1rem; margin: 0 ; padding-top: 1rem;  }
	.carousel-item{height: 500px; text-align: left}
	.carousel-caption h2{ font-size: 1.8rem}
	.carousel-caption p{ font-size: 1.1rem; line-height: 1.3rem; margin-top: 1rem; margin-bottom: 2rem}
	.modul_text h2{ font-size: 1.4rem}
	.modul_text p{ padding-top: 1.5rem; font-size: 1rem; }
	.navbar-brand img{ width: 54%; padding: 0; margin: 0}
	.modul_text{background-color: #e6e6e6; padding: 30px; height: 600px }
	.carousel-caption a{ color: #fff; font-size: 1.2rem; font-weight: bolder; padding: 0.8rem 2rem 0.8rem 2rem; background-color: rgba(0, 0, 0, 0.7);}
	
	.modul_set2{background-repeat: no-repeat; background-position: center; background-size: cover; height: 760px}
	.modul_text2{background-color: #e6e6e6; padding: 30px; height: 760px }
	
	.text-set-banner ul{ padding-top: 1rem}
	.text-set-banner li{ font-size: 1rem; line-height: 1.8rem}
	.paragraph-modul .title{margin-bottom: 0.6rem; }
	.img-icon{ text-align: center; margin-bottom: 1rem; margin-top: 2rem}
	}
@media (min-width: 750px) {
	
	.text-set-banner{ height: 700px; padding-top: 30%; margin-left: 3rem }
	.ml1{margin-left: 2rem; margin-bottom: 1rem}
	.modul_text .bt1{ background-color: rgba(255, 255, 255, 0);  color: #000;  position: absolute; bottom: -4rem; right: 0}
	
	.text-set2{margin: 0; position: absolute; top: 50%; left: 50%; right: -25%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.cookie_text-set h2{ font-size: 2rem; margin-bottom: 1rem; margin-top: 2rem}
	.cookie_text-set h1{ font-size: 2.6rem; margin-bottom: 2rem; margin-top: 2rem}
	.cookie_text-set p{ font-size: 1.2rem; margin-top: 1rem;}
	.text-set-banner h1{ font-size: 3rem; margin-bottom: 1rem }
	.text-set-banner p{ font-size: 1.2rem; margin: 0 6rem 0 0; padding-top: 1rem; text-align: justify }
	.carousel-item{height: 700px; text-align: left}
	.carousel-caption h2{ font-size: 3.4rem}
	.carousel-caption p{ font-size: 1.8rem; line-height: 2.2rem; margin-top: 1rem; margin-bottom: 5rem}
	.modul_text h2{ font-size: 2.4rem}
	.modul_text p{ padding-top: 1.5rem; font-size: 1.2rem; text-align: justify}
	.navbar-brand img{ width: 84%; padding: 0; margin: 0}
	.modul_text{background-color: #e6e6e6; padding: 60px; height: 600px }
	.carousel-caption a{ color: #fff; font-size: 1.2rem; font-weight: bolder; padding: 0.8rem 3rem ; background-color: rgba(0, 0, 0, 0.7);}
	
	.modul_set2{background-repeat: no-repeat; background-position: center; background-size: cover; height: 600px}
	.modul_text2{background-color: #e6e6e6; padding: 30px; height: 600px }
	.modul_text2 h2{ font-size: 2.4rem}
	.modul_text2 p{ padding-top: 1.5rem; font-size: 1.2rem; text-align: justify}
	
	.text-set-banner ul{ margin-left: 3rem; padding-top: 1rem}
	.text-set-banner li{ font-size: 1.1rem; font-weight: bolder; line-height: 1.8rem}
	.paragraph-modul .title{ height: 6rem}
	.paragraph-modul .title h3{font-size: 1.7rem}
	.img-icon{ text-align: center; margin-bottom: 3rem}
	}
@media (min-width: 1000px) {
	.padding_nav{ margin: 0 9%}
	
	}
@media (min-width: 1500px) {
	.footer{background-color: #e6e6e6; margin-top: 10rem; padding-bottom: 2rem}
	.padding_nav{ margin: 0 4%}
	.mt80{ margin-top: 160px}
	
	}
@media (min-width: 1700px) {
	.padding_nav{ margin: 0 -10%}
	
	}