/* Add here all your CSS customizations */

html{
    scroll-behavior : smooth;
}


@media (min-width: 992px){
    .marginleft50{padding-left:53px}
    .w-lg-50{
        width: 50% !important;
    }
    #header .header-nav {
        display: flex;
        align-items: center;
        flex-grow: 1;
        justify-content: flex-start;
        align-self: stretch;
    }

    #header .header-nav-main nav > ul > li > a {
        color: #000 !important;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 2px;
    }

    .research-img{
        margin-right: -210px;
    }

    .h-380 {
        height: 380px;
    }

    .h-350 {
        height: 350px;
    }
    
    .height-450 {
        height:420px;
    }
    
    .line-height-450{
        line-height:420px;
    }
    
    .article-div{
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
    }
    

    .bg-linear-gray{
        background: linear-gradient(to left , #e6e6e6 72%, #f7f7f7 50%) !important;
    }
    
    .bg-linear-yellow{
        background: linear-gradient(to right, #f2be00 72.4%, #f7f7f7 50%) !important;
    }
}
@media only screen and (min-width:992px) and (max-width:1079px){
    .bg-linear-gray {
        background: linear-gradient(to left , #e6e6e6 76.2%, #f7f7f7 50%) !important;
    }
    .bg-linear-yellow{
        background: linear-gradient(to right, #f2be00 87.5%, #f7f7f7 50%) !important;
    }
    .bg-img-yellow{
        margin-left: -30px !important;
    }
}
@media (max-width: 575px){

    .bg-linear-gray{
        background: #e6e6e6 !important ;
    }
    
    .bg-linear-yellow{
        background: #f2be00 !important ;
    }


}

html section.section-secondary {
    background-color: #2d2926 !important;
    border-color: #2d2926 !important;
}

.slider-container{
    max-height: 385px !important;
}

.tp-fullwidth-forcer{
    height: 385px !important;
}

#header .header-row {
    max-height: 70px !important;
}

#header .header-container{
    height: 70px !important;
    min-height: 70px !important;
}

.bg-yellow{
    background-color: #f2be00 !important;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    border: 1px solid #000 !important;
}

#footer {
    background: #fff;
    border-top: 4px solid #fff;
}

.bg-gray{
    background-color: #f2f0ec !important;
}


body {
    font-family: "Roboto", Arial, sans-serif, "Gruppo";
    background-color: #f7f7f7 !important;
}




.letter-spacing-1{
    letter-spacing: 1px;
}

.lead {
    letter-spacing: 1px;
    font-size: 1.3em;
    color: #000;
    font-weight: 100;
    line-height: 1.4rem;
}


.one-letter-dash-black:after {
    display: block;
    position: absolute;
    content: " ";
    width: 5%;
    border-top: 3px solid #000;
    top: 40px;
    left: 3%;
    opacity: 1;
}

.one-letter-dash-white:after {
    display: block;
    position: absolute;
    content: " ";
    width: 5%;
    border-top: 3px solid #fff;
    top: 90px;
    left: 3%;
    opacity: 1;
}

.center-letter-dash-black:after {
    display: block;
    position: absolute;
    content: " ";
    width: 4%;
    border-top: 3px solid #000;
    top: 40px;
    left: 47%;
    opacity: 1;
}

.left-letter-dash-black:after {    
    display: block;
    position: absolute;
    content: " ";
    width: 4%;
    border-top: 3px solid #000;
    top: 60px;
    left: 5%;
    opacity: 1;
}

html .btn-primary:active, html .btn-primary.active, html .btn-primary:hover, html .btn-primary:hover {
    color: #fff !important;
    background-color: #000!important;
    background-image: none !important;
    border-color: #000 !important;
}



.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #000 !important;
}

.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
textarea::-moz-placeholder {
	color: #000 !important;
}

.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #000 !important;
}


.form-style-2 .form-control::-webkit-input-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-2 .form-control::-moz-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-2 .form-control:-ms-input-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-2 .form-control:-moz-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}


.form-style-3 .form-control::-webkit-input-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-3 .form-control::-moz-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-3 .form-control:-ms-input-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-style-3 .form-control:-moz-placeholder {
	color: #000;
    font-size:15px;
	opacity: 1;
}

.form-control {
    font-weight: 500;
    color: #000;
}

.rounded {
    border-radius: 15px !important;
}