@import 
url('https://fonts.googleapis.com/css?family=Alegreya:400,500,700|Dancing+Script|Neuton');

body {
    font-family: "alegreya";
    
    padding:0;
    margin:0 auto;
   
  
}


                                /*---==background==---*/


div.background{
   background: #000000;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 1) 100%), url(business-962315_1920.jpg) no-repeat;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.0)), color-stop(30%, rgba(0, 0, 0, 0)) , color-stop(59%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 1))), url(business-962315_1920.jpg) no-repeat;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 1) 100%), url(business-962315_1920.jpg) no-repeat;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 1) 100%), url(business-962315_1920.jpg) no-repeat;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 1) 100%), url(business-962315_1920.jpg) no-repeat;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 1) 100%), url(business-962315_1920.jpg) no-repeat;
    background-size:cover;
    background-position:top;
    max-height: 1300px

}

                                /*---==typography==---*/
body{
    font-size: 0.7rem;
    color:#efefef;
    background-color: #000;
    text-shadow: 1px 1px 4px  black;
}
                /*banner*/

.banner h1{
    font-size:1rem;
    color:#efefef;
}

                /*continut*/
.formular h2{
    font-size: 0.9rem;
    color:#efefef;
    font-weight: 500;
}

.content p{
     color:#f7f7f6;
    
}
                /*formular*/
.frm{
    font-size: 1rem;
}

                /*servicii*/

h2.serv{
    font-size: 1rem;
    font-weight: 500;
}

a.button{
    font-size: 0.9rem;
    font-weight: 500;
}
               
                /*footer*/

footer h1{
    font-size: 1rem;
    font-weight: 500;
}

footer li{
    font-weight: 400;
}

footer{
    font-weight: 500;
}

/*---==Banner==---*/

header.banner{
    margin:0;
    padding:0;
}

.banner img{
    width: 5rem;
    margin:0;
    padding-top:1rem;
    padding-bottom:0.5rem
    
}

.banner h1{
    margin:0rem;
    padding:0;

}
.banner{
    text-align: center;
}

                                /*---==nav bar==---*/

header.navi{
    position: relative;
    padding-top:1rem;
    left:0;
    right:0;
}

ul.nav {
    margin:0;
    padding:0;
    list-style-type: none;
    overflow:hidden;
    background-color: rgba(0,0,0,.75);
    text-align: center;
}

.navi li {
    display: inline-block;
    margin:0px;
}

li a, .dropbtn {
    display: inline-block;
    color: #efefef;
    text-align: center;
    padding: 0.2rem;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    color:#fff;
}

.dropdown-content a:hover{
    color: #333
}
li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d8d8d7;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    text-shadow: 1px 1px 4px  white;
}

.dropdown-content a:hover {background-color: #efefef}

.dropdown:hover .dropdown-content {
    display: block;
}

li .active {
    color: #fefefe;
}


                                /*---==curs==---*/

div.curs{
    padding:0;
    margin:0;
    position:relative;
    

}


    
                                /*---==Footer==--*/

footer{
    background-color: #080505;
    margin-top:-0.7rem;
    text-align: center

}

footer h1{
    margin:0;
    padding-top:1rem;
    padding-bottom:1rem
}

ul.footer{
    list-style-type: none;
    padding:0rem;
    margin:0rem
}

.footer a{
    color: #d8d8d7
}

.footer a:hover {
    color: #f7f7f6;
    background-color: #333
}

.footer li a{
    margin:0;
    padding:0;
}
                                /*---==gps==---*/

iframe.harta{
    vertical-align: bottom;
    padding-top: 1rem;
}




                                /*---==Formular Contact==---*/

.frm {
    margin:auto;
    padding:1rem;
    
}
.back{
   
    display:grid;
    
    
    
}

div.ctcform {
    max-width: 750px;
    width: 90%;
    margin: auto;
    position:relative;
    padding-top:0rem;
    margin-top:0
    
}

input, textarea {
    width:100%;
    height:auto;
    font-size: 0.7rem
}

input.btn {
    width:50px
}

input[type=text], select, textarea {
    
    padding: 3px; /* Some padding */  
    border: 1px solid #666; /* Gray border */
    border-radius: 3px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 6px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
input[type=tel], select, textarea {
    
    padding: 3px; /* Some padding */  
    border: 1px solid #666; /* Gray border */
    border-radius: 3px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 6px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
        
}
input[type=email], select, textarea {
    
    padding: 3px; /* Some padding */  
    border: 1px solid #666; /* Gray border */
    border-radius: 3px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 6px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */        
}

textarea{
    height:100px;
    font-size:0.85rem
}


/* Style the submit button with a specific background color etc */
input[type=submit] {
    width:4rem;
    background-color: #efefefef;
    color: #333;
    padding: 6px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}


input[type=submit]:hover {
    background-color: #ffffff;
}

                                
input:focus, textarea:focus {
    border:1px solid #b9bbde;
}

input[type=radio]{
    width:auto
}

input[type=number], select, textarea {
    
    padding: 3px; /* Some padding */  
    border: 1px solid #666; /* Gray border */
    border-radius: 3px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 6px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */        
}

div.bback{
    display:grid;
    background: ;

    height: 1300px
}

div.blackground{
    background-color:black;
    
}
                                /*------div_rez-----*/



/*@media only screen and (max-width: 739px) 
    /* For mobile phones: */


/*@media only screen and (min-width: 320px)
   
    */
    
    @media only screen and (min-width: 375px) {
        /*---==typography==---*/
body{
    font-size: 0.9rem;
   
}
                /*banner*/

.banner h1{
    font-size:1.2rem;
    
}

                /*continut*/
.formular h2{
    font-size: 1.1rem;
     
}

                        /*formular*/
.frm{
    font-size: 1.2rem;
}

input, textarea {

    font-size: 0.9rem
}

input.btn {
    width:50px
}

input[type=text], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 14px; /* Bottom margin */
}
input[type=tel], select, textarea {
    
    padding: 9px; /* Some padding */      
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 14px; /* Bottom margin */

        
}
input[type=email], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 14px; /* Bottom margin */
     
}

textarea{
    height:100px;
    font-size:1rem
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    width:6rem;
    padding: 8px 12px;
}        

        input[type=number], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 14px; /* Bottom margin */
}
    

                /*nav*/
        
.nav li{
    padding: 0.2rem;;
}
        
                /*servicii*/

h2.serv{
    font-size: 1.2rem;
}

a.button{
    font-size: 1.1rem;
}
               
                /*footer*/

footer h1{
    font-size: 1.2rem
}
}





@media only screen and (min-width: 568px) {
        /*---==typography==---*/
body{
    font-size: 1rem;
    
}
                /*banner*/

.banner h1{
    font-size:1.3rem;
    padding-bottom: 0.5rem
}
    
.banner img{
    width:7rem;
    margin:0;
    padding-top:1.5rem;
    padding-bottom:1rem
    
}

                /*continut*/
.formular h2{
    font-size: 1.2rem;
     
}


                /*nav*/
        
.nav li{
    padding: 0.3rem;
    padding-left:1em;
    padding-right:1em
}
                    /*formular*/
.frm{
    font-size: 1.3rem;
}

    
input, textarea {
    width:100%;
    height:auto;
    font-size: 0.9rem
}

input.btn {
    width:50px
}

input[type=text], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
}
input[type=tel], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
        
}
input[type=email], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
}

textarea{
    height:100px;
    font-size:1rem
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    width:6rem;
    padding: 12px 20px;
    
}

input[type=number], select, textarea {
    
    padding: 9px; /* Some padding */  
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
        
}
                /*servicii*/

h2.serv{
    font-size: 1.3rem;
}

a.button{
    font-size: 1.2rem;
}
               
                /*footer*/

footer h1{
    font-size: 1.3rem
}
} 






@media only screen and (min-width: 700px) {
    .servi {
        width:49.3%;
        float:left;
        margin: 0px auto;
        overflow: hidden;
        position:relative;
        padding-left: 0.3466%;
        padding-right: 0.3466%
    }
    
    .banner img{
    width:8rem;
    margin:0;
    padding-top:2rem;
    padding-bottom:1.rem
    
}
    
    .nav li{
    padding: 0.3rem;
    padding-left:2em;
    padding-right:2em
}
}



@media only screen and (min-width: 900px){
     .nav li{
    padding: 0.3rem;
    padding-left:3em;
    padding-right:3em
}
}