@font-face {
    font-family: 'Avenir-Light';
    src: url('../fonts/Avenir-Light.ttf');
}
@font-face {
    font-family: 'Cardo-Regular';
    src: url('../fonts/Cardo-Regular.ttf');
}
@font-face {
    font-family: 'Didot-Italic';
    src: url('../fonts/Didot-Italic.ttf');
}

html {
    font-size: 13px;
}
body {
    background-color: #f2f0f0;
    overflow-x: hidden;
}

h1, h2 {
    color: #c6c3a7;
    font-size: 2.77rem;
    font-family: 'Didot-Italic';
}



/* menu */
#header {
    background-color: #dddbdb;
    color: #31353b;
    font-family: 'Cardo-Regular';    
    height: 94px;
    letter-spacing: 2px;
    padding: 0 10%;    
}
    #header.small {
        height: 50px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }
    #header.small .navbar-brand img {
        height: 35px;
        width: auto;
    }
    #header.small.animated.hidden {
        transform: translateY(-70px);
        transition: 1s;
    }
    #header.small.animated.showed {
        transform: translateY(0);
        transition: 0.8s;
    } 

    #header #menu_items {
        margin-left: 25px;
    }
        #header #menu_items li {
            margin-left: 10px;
        }
            #header #menu_items li.follow {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            #header #menu_items li .nav-link {
                color: #31353b;
            }
            #header #menu_items li .nav-link.active,
            #header #menu_items li .nav-link:hover {
                color: #9e6f10;
                font-weight: 700;                
            }
            #header #menu_items li .link.media {
                padding: 10px 15px;
            }
            #header #menu_items li .nav-link.media:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

	#header .navbar-toggler {
        border:none!important;
	}
		#header .navbar-toggler:focus {
			box-shadow: none;
		}


#main_slider .carousel-indicators {
    bottom: -45px;
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;    
}
    #main_slider .carousel-indicators [data-bs-target] {
        background-color: #cccccc;
        border-top: 0;
        border-bottom: 0;
        border-radius: 7px;
        margin: 10px;
        height: 14px;
        width: 14px;
        opacity: 1;
    }
        #main_slider .carousel-indicators .active {
            background-color: #a8a7a7;
        }

/* gallery */
#gallery {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 88%;
}
    #gallery h1 {
        width: 500px;
        padding: 0px calc(100% - 525px);
    }
    #gallery .images {
        margin-top: 20px;
    }
        #gallery .images figcaption {
            color: #000000;
            font-family: 'Avenir-Light';
            font-size: 14px;
            margin: 10px 0 5px 0;
        }
    #gallery .show {
        width: auto;
        padding: 0px 30px;
        margin-bottom: 40px;
    }

/* plugin */
.sl-overlay {
    background-color: #000;
    opacity: 1!important;
}
.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
    color: #ddd;
}
.sl-wrapper .sl-counter {
    display: none!important;
}


/* about us */
#about_us {
    margin-top: 15px;
}
    #about_us h1 {
        padding-top:25px;
    }
        #about_us .description {
            position: absolute;
            top: 50%;
            transform: translate(0, -45%);            
        }
            #about_us .description h2 {
                margin: 0;
            }
            #about_us .description p {
                font-family: 'Avenir-Light';
                font-size: 15px;
                line-height: 18px;
            }

/* start proyect */
#start_project h1 {
    padding-top: 30px;
    margin: 0;
}
#start_project h5 {
    font-family: 'Avenir-Light';
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    margin-top: 15px;
}
#start_project h5.resalt {
    font-size: 17px;
    font-family: 'Cardo-Regular';
    line-height: unset;
    text-transform: uppercase;
    border-left: solid 5px #bd373c;
    border-right: solid 5px #bd373c;
    padding: 7px 10px;
    text-align: center;    
}
#start_project img.main {
    height: 100%;
    /* max-width: unset; */
    object-fit: cover;
    width: auto;
}

/* contact us */
#contact_us h1 {
    padding-top: 85px;    
}

/* footer */
#footer {
    background-color: #31353b;
    color: #efefef;
    font-size: 14px;
    font-family: 'Avenir-Light';    
}
    #footer h3 {
        font-family: 'Cardo-Regular';
        font-size: 1rem;
        color: #9e6f10;
        margin: 0;
    }
    #footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        #footer ul.media li {
            display: inline-block;
        }
            #footer ul.media li a {
                padding: 10px 15px;
            }
        #footer ul.media li:first-child {
            margin-left: -15px;
        }

        #footer ul.media li a:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

    #footer .main {
        padding: 55px 30% 0 10%;
    }
    #footer a {
        color: inherit;
        text-decoration: none;
    }
    #footer .copyright {
        font-size: 11.5px;
        padding: 15px 0;
    }


/* form */
form {
    font-family: 'Avenir-Light';    
    padding: 40px 0 70px 0;
}
    form input[type="text"] {
        background-color: #ffffff;
        border: none;
        height: 45px;
        margin-bottom: 15px;
        padding: 15px;
        width: 100%;        
    }
    form textarea {
        border: none;
        height: 10em;
        margin-bottom: 15px;
        padding: 15px;
        width: 100%;
    }

    form input[type="radio"] {
        display: none;
    }
    form input[type="radio"] + label span img {
        background: url('../images/rad-unchecked.png');
    }
    form input[type="radio"]:checked + label span img {
        background: url('../images/checked.png');
    }

    form input[type="checkbox"] {
        display: none;
    }
    form input[type="checkbox"] + label span img {
        background: url('../images/chk-unchecked.png');
    }
    form input[type="checkbox"]:checked + label span img {
        background: url('../images/checked.png');
    }

    form .radio-group,
    form .checkbox-group {
        margin-bottom: 15px;
    }

    form button.send,
    button.show {
        background-color: #31353b;
        border: none;
        color: #ffffff;
        height: 50px;
        width: 100%;
    }
        form button.send:hover,
        button.show:hover {
            transition: 0.5s;
            background-color: #9e6f10;
        }

    .error {
		border: solid 1px #ff165f!important; 
	}
	form .sending {
        display: none;
        text-align: center;	    
	}
	form .sended {
		display: none;		
	}
	form .no-sended {
		display: none;	    
	}

/* ************************ DROPZONE ***************************** */
/* ************************ DROPZONE ***************************** */
/* ************************ DROPZONE ***************************** */
.my-dropzone-template,
.my-dropzone-errors {
    display: none;
}
    .my-dropzone-item-preview {
        background-color: #f9f9f9;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
        /* -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;    
        padding: 0px 20px 15px 20px; */
    }
        .my-dropzone-thumbnail img {
            max-height: 150px;
            width: auto;
        }
        .my-dropzone-file-info {
            margin: 5px 0 0 0;
        }
        .my-dropzone-item-delete a {
            background-color: #f9f9f9;
            border-radius: 50%;
            color: #c9302c;
            font-size: 1.75em;
            line-height: 0;
            position: absolute;
            right: 0px;
            top: -10px;
        }
            .my-dropzone-item-delete a:hover {
                color: #eb2a26;
                transform: scale(1.3);
                transition: .2s;
            }
.my-dropzone-drag-drop-area {
    border: dotted 2px #a2a2a2;
    cursor: pointer;
    margin: 0 0 15px 0;
    padding: 1em;
}
    .my-dropzone-drag-drop-area .text {
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
 
.my-dropzone-previews .my-dropzone-w {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;    
    padding: 0px 20px 15px 20px;
}

.my-dropzone-previews .dz-progress {
    border: 1px solid #ddd;
    display: block;
    height: 15px;
    margin-top: 7px;
}
.my-dropzone-previews .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: #9ac39a;
}
.my-dropzone-previews .dz-error-message {
    color: #bd373c;
    display: none;
}
.my-dropzone-previews .dz-filename {
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
}