html, body {
height:100%;
width: 100%
}
@font-face {
font-family:'Mukta Malar', sans-serif;
src: url('https://fonts.googleapis.com/css?family=Mukta+Malar:400,500,600,700,800');
}
@font-face {
font-family:'Open Sans', sans-serif;
src: url('https://fonts.googleapis.com/css?family=Open+Sans:300');
}
body{
font-family: 'Mukta Malar', sans-serif;
background-position: center;
font-weight: 500;
margin: 0;
background: rgb(0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(28,28,28,1) 16%, rgba(63,63,63,1) 52%, rgba(19,19,19,1) 80%, rgba(17,17,17,1) 85%, rgba(28,28,28,1) 98%, rgba(0,0,0,1) 98%);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(28,28,28,1) 16%,rgba(63,63,63,1) 52%,rgba(19,19,19,1) 80%,rgba(17,17,17,1) 85%,rgba(28,28,28,1) 98%,rgba(0,0,0,1) 98%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(28,28,28,1) 16%,rgba(63,63,63,1) 52%,rgba(19,19,19,1) 80%,rgba(17,17,17,1) 85%,rgba(28,28,28,1) 98%,rgba(0,0,0,1) 98%);
}
*{
box-sizing: border-box;
}
a{
color:#bd7143;
}
a:hover{
color:#bc5a42;
}
p{
text-align: justify;
color: #d4d8d8;
font-size: 14px;
}
h3, h4, h5{
color: #e18130;
}
h5{
font-weight: 600;
}
/*-----------menu mobile------------------------*/
.main_md{
display: none;
}
.navbar-header{
overflow: hidden;
}
.navbar .navbar-default{
margin-bottom: 0;
background-color: transparent;
border: none;
color:#fff;
}
.navbar-brand{
width: 70%;
height: auto;
margin: auto;
padding: 15px 0px;
}
.navbar-toggle {
margin-left: 15px;
}
.navbar-brand >img{
width: 70%;
}
.row_menu{
margin: 15px 0 0 0;
}
.navbar-toggle{
position: absolute;
margin-top: 30px;
}
.navbar-default{
background-color: transparent;
border: none;
}
.navbar-right >div{
position: relative;
}
.fig_menu{
font-weight: bold;
font-size: 16px;
color: #d1d0cf;
position: absolute;
z-index: 5;
top: 50px;
left: 22px;
text-shadow: -1px -1px 1px #651909;
}
.navbar-default .nav > div > a{
color: #fff;
font-weight: 700;
margin-top:0px;
z-index:999;
}
.navbar.navbar-default >div>a{
color: #fff;
}
/*---------------end mobile menu---------------*/
.hide_answ{
display: none;
}
.default_answ{
display: block;
}
.content_slide{
display: none;
}
.four{
width: 92%;
height:auto;
margin: auto;
}
.four:hover{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.fig_menu:hover{
color: #fc1616;
}
.content{
margin: auto;
padding-bottom: 30px;
}
.page_title{
font-weight: 900;
color: #e18130;
padding-left: 15px;
}
.form-control {
border: 1px solid #d9a534;
background-color: rgba(185, 184, 181, 0.24)
}
.footer {
margin: auto;
}
.phone_footer{
color:rgba(241, 153, 30, 0.9);
}
/*-----------------------@media ------------*/
@media screen and (min-width: 768px) {
body{
font-family: 'Mukta Malar', sans-serif;
background-position: center;
font-weight: 500;
margin: 0;
background: rgb(17,17,17);
background: -moz-linear-gradient(left, rgba(17,17,17,1) 1%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 32%, rgba(44,44,44,1) 46%, rgba(81,81,81,1) 64%, rgba(43,43,43,1) 83%, rgba(28,28,28,1) 92%, rgba(19,19,19,1) 100%);
background: -webkit-linear-gradient(left, rgba(17,17,17,1) 1%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 32%,rgba(44,44,44,1) 46%,rgba(81,81,81,1) 64%,rgba(43,43,43,1) 83%,rgba(28,28,28,1) 92%,rgba(19,19,19,1) 100%);
background: linear-gradient(to right, rgba(17,17,17,1) 1%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 32%,rgba(44,44,44,1) 46%,rgba(81,81,81,1) 64%,rgba(43,43,43,1) 83%,rgba(28,28,28,1) 92%,rgba(19,19,19,1) 100%);
}
.main_mobile{
display: none;
}
.main_md{
display: block;
margin-top: 2px;
}
li{
position: relative;
top: 50%;
transform: translateY(-26%);
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
#menu_s, #menu_m, #menu_o, #menu_c{
padding-left: 18px;
}
.four{
width: 14%;
margin: auto;
}
.four_despre{
margin-left:3%;
}
.four:hover{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.brand_main > img {
width: 100%;
}
.navbar {
padding: 0 0 0 15px;
}
.navbar_main{
height: 30px;
border: 2px ridge rgba(67, 72, 72, 0.8);
width: 100%;
}
.navbar_main .nav_main > .active > a,
.navbar_main .nav_main > .active > a:focus,
.navbar_main .nav_main > .active > a:hover{
background-color: transparent;
font-weight: 800;
padding: 10px 5px 0px 5px;
}
.navbar_main .nav_main >li> a,
.navbar_main .nav_main > li>a:focus,
.navbar_main .nav_main > li>a:hover{
background-color: transparent;
font-weight: 800;
padding: 10px 5px 0px 5px;
}
.navbar-default .navbar-nav > li > a{
color: #d9a534;
}
.navbar-default .navbar-nav > li > a:hover{
color: #8b7a54;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a{
color: #d3923c;
}
.row_mainmenu{
height: 80px;
padding: 8px 0 0 0;
margin: 0 0 5px 0;
border-top: 2px solid #d4d8d8;
}
.content_slide{
display: block;
}
.carousel-inner {
width: 90%;
}
.carousel-inner img {
width: 90%;
margin: auto;
}
.content{
margin: auto;
padding-bottom: 50px;
border-bottom: 2px solid #d4d8d8;
}
.content_text {
height:auto;
}
.container_footer{
padding-top: 16px;
}
.footer {
margin: auto;
}
.container{
background-color: rgba(0, 0, 0, 0.094);
}
}
@media screen and (min-width: 992px) {
.navbar_main {
padding-bottom: 40px;
}
.row_mainmenu{
height: 95px;
padding: 8px 0 0 0;
margin: 0 0 5px 0;
border-top: 2px solid #d4d8d8;
}
#menu_s, #menu_m, #menu_o, #menu_c{
padding-left: 47px;
}
.content{
min-height: 346px;
margin: auto;
padding-bottom: 50px;
}
.container_footer{
padding-top: 30px;
padding-bottom: 50px;
}
.footer {
margin: auto;
}
}
@media screen and (min-width: 1200px) {
.row_mainmenu{
height: 116px;
padding: 8px 0 0 0;
margin: 0 0 5px 0;
border-top: 2px solid #d4d8d8;
}
#menu_a{
padding-left: 36px;
}
#menu_s, #menu_m, #menu_o, #menu_c{
padding-left: 63px;
}
}
@media screen and (min-width: 2560px){
p{
font-size: 20px;
}
.main_md {
margin: auto;
}
.main_md {
margin-top: 2px;
}
.footer {
margin: auto;
padding-top: 30px;
}
}