body {background-color:#f5f5f5!important; font-family:'roboto condensed' }
select {
    word-wrap: normal;
	height: 56px;
	width: 100%;
    padding: 1em!important;
    border-radius: 5px;
    border: none;
    color: #707070;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 7%);
}
p {color:#707070;}
img {max-width:100%;}

h1,h2,h3,h4 {
font-family:'jost';
}
.bg-gri { 
    background: transparent!important; 
}
.form-control::placeholder { 
            color:  #707070!important; 
            opacity: 1;  
}

.form-control:-ms-input-placeholder {  
            color:  #707070!important;  
}

.form-control::-ms-input-placeholder { 
            color:  #707070!important; 
 }
.form-control:focus {
border-color:#fff;
background-color:#eef3f9;
box-shadow: 0 0 1px #f9f6a2 inset;
}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}}

@media (min-width: 320px){
p {text-align: left;margin-top: 10px;}
.logo-width {width:80px}
.baslik {margin-top:0px}
}
@media (min-width: 768px){
p {text-align: right;margin-top: 0px;}
.logo-width {width:191px} 
}

@media (min-width: 1367px){
p {text-align: right;margin-top: 0px;}
.logo-width {width:191px}
.baslik {margin-top:50px}
}


.form-control {
    height: auto;
    background: #fff;
    color: #707070;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #10253f !important; 
    width: 100%;
    padding: 1.0em !important;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 7%)!important; 
}
 
.btn.btn-primary:hover {
    background: #fff!important;
    border: 2px solid #10253f!important;
    color: #10253f!important;
	padding: 1.0em !important; 
}

.btn.btn-primary { 
    color: #fff!important;
    background: #10253f!important;
    border: 2px solid #10253f!important; 
}

.header-bg {
    box-shadow: 0px 8px 8px 0px rgb(0 0 0 / 7%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 31px 20px 39px 20px;
    margin-bottom: 55px;
    background-color: #fff;
}


h1 {
    font-size:32px;
}

.bg-image {
	background-image: url("../images/Proserv-Marketing-Research-bg.png");
	background-position:right center;
	background-repeat:no-repeat;
	}
	
	.footer-border {border-top:1px solid #D9D9D9; padding:18px 0px; margin-top:50px}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,30px);
    padding-left: var(--bs-gutter-x,30px);
    margin-right: auto;
    margin-left: auto;
}
.form-mb {
    margin-bottom:24px!important;
}
#footer {
position:fixed;
bottom:0px;
}
.fixed-bottom { 
    z-index: -1;
}
.h-60 {
    height: 60%!important;
}