@font-face {
    font-family: 'bignoodletitling';
    src: url('font/bignoodletitling.ttf');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width: 4000px) {
    .price-content-head {
        height: 140px;
    }
}

@media only screen and (max-width: 988px) {
    .price-content-head {
        height: 185px;
    }
}

@media only screen and (max-width: 768px) {
    .price-content-head {
        height: 140px;
    }
}


body {
    font-size: 20px;
    line-height: 100%;
    font-weight: 300;
    color: #000000;
}

.topheader {
    z-index: 9999;
    position: fixed;
    width: 100%;
    background: #ffffff;
    height: 80px;
}

.logo {
    position: absolute;
    display: block;
    margin-top: 10px;
}

.logo>a>img {
    height: 60px;
    margin-right: 10px;
}

.logo>a {
    display: flex;
    align-items: center;
    width: 70%;
    color: #000000;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'bignoodletitling';
    text-decoration: none;
}

.logo>a:hover {
    text-decoration: none;
    font-weight: 700;
}

.banner {
    background: url(images/1515.jpg) #721d74;
    width: 100%;
    min-height: 650px;
    display: flex;
    align-items: center;
    text-align: center;
    background-size: cover;
    font-family: 'bignoodletitling';
    color: white;
}

.bx-wrapper {
    background: none;
    border: none;
    box-shadow: none;
    z-index: 0;
}

.bx-wrapper .bx-controls-direction a {
    text-indent: 0;
    width: 25px;
    height: 46px;
}

.bx-wrapper .bx-controls-direction .bx-next {
    background: url(images/right.png) no-repeat;
}

.bx-wrapper .bx-controls-direction .bx-prev {
    background: url(images/left.png) no-repeat;
}

.head_white_content > h2 {
    font-family: 'bignoodletitling';
    font-size: 3rem;
}

.head_white_content > span {
    width: 170px;
    height: 5px;
    display: inline-block;
    background-color: #ff49a4;
    border-radius: 2px;
}

.head_white_content > p {
    padding: 20px 90px 0px;
}

.head_white_content {
    text-align: center;
    width: 100%;
    padding: 5%;
    color: #696969;
}

.advantage {
    text-align: center;
    width: 100%;
    padding: 15px;
    background-color: #f0acf1;
    border-radius: 5px;
}

.advantage:hover {
    outline: 5px solid #ffffff;
    outline-offset: -5px;
    
    }

.advantage > span {
    font-size: 60px;
    color: #e026e2;
}

.aboutus, .team {
    padding-bottom: 50px;
}
 
.aboutus, .contacts, .portfolio {
padding-bottom: 50px;

}
.black {
    background-color: #000;
    color: #bebebe;
    padding-bottom: 50px;
}

.head_black_content > span {
    width: 85px;
    height: 5px;
    display: inline-block;
    background-color: #ffffff;  
}

.head_black_content {
    text-align: center;
    padding: 5%;
}

.head_black_content > h2 {
    font-size: 3rem;
    font-family: 'bignoodletitling';
}

.head_black_content > p {
    padding: 20px 90px 0px;
}


.feature > span {
    font-size: 60px;
    color: white;
    margin-bottom: 20px;
    display: inline-block;
}

.feature {
    text-align: center;
    padding: 3%;
}

.feature > h2 {
    font-family: 'bignoodletitling';
}

.price-content {
    text-align: center;
}

.price-content-head {
    background-color: #6b0337;
    padding: 7%;
    height: 150px;
}

.price-content-head > h5 {
    font-size: 20px;
}

.price-content-head > h4 {
    font-size: 35px;
    font-family: 'bignoodletitling';
}

.price_list [class^=col-] {
    padding: 0;
}

.price-content-body {
padding: 30px 10px;

}

.price-content:hover {
outline: 2px solid #6b0337;
outline-offset: -2px;

}

.buy {
background-color: black;
}

.buy > h2 {
font-size: 20px;

}

.buy:hover {
outline: 2px solid #6b0337;
outline-offset: -2px;
}

.left {
background-color: #d4d4d4;
text-align: center;
padding: 10px 50px 10px;
}

.left > div {
width: 150px;
height: 150px;
border-radius: 75px;
background-color: #6b0337;
margin: 0 auto;
margin-bottom: 20px;
}
 left > h4 {
font-family: 'bignoodletitling';
color: #000;
font-size: 30px;
 }
.bxslider_team > li {
list-style: none;
}

.bxslider_team {
padding: 0;
}

.left > a {
font-size: 30px;
text-decoration: none;
color: #000000;
}

.right {
background-color: #d4d4d4;
padding: 10%;
}

.right > h4 {
font-family: 'bignoodletitling';
 color: #000;
font-size: 40px;
margin-bottom: 15px;
}

.center > .progress {
width: 80%;

}

.center {
color: black;
font-size: 15px;

}

.center {
display: flex;
align-items: center;
justify-content: space-between;
}

.bg-dark {
    background-color: #000000!important;
}

.form-floating {
margin: 12px;
color:black;
 
}

.contacts .col-6 
.contacts .col-12{
padding: 0;
}

#floatingTextarea {
height: 400px;

}

#send_form {
    width: 70%;
    margin: 0 auto;
}

.form-control:focus {
box-shadow: 0 0 0 0.1rem #ffc720;
border-color: #ffc720;    
}



.flexBox {
display: flex;
justify-content: center;
align-items: center;
}

#ff  {
width: 150px;
height: 5px;
background-color: #ffc720; 
}

.submittt {
color: white;
background-color: #6b0337;
margin-bottom: 20px;
width: 150px;
height: 50px;
border-radius: 5px;
}

.map.black {
    padding: 0;
}

.office {
font-family: 'bignoodletitling';
color: #bebebe;
font-size: 3rem;
text-decoration: none;
background-color: #000000!important;
justify-content: center;
padding: 0;
}

.accordion-button:not(.collapsed) {
color: #bebebe;
background-color:  #000000!important;
box-shadow: none;
}

.accordion-button:focus {
 border-color: #000000;
 box-shadow: none;   
}

.accordion-button:after {
color: #bebebe;
margin-left: 19px!important;
width: 2rem;
height: 2rem;
background-size:2rem;
font-size: 2rem;
content: "▼";
background-image: none;
position: relative;
top: 10px;
transition: top 1s ease-in-out,transform 1s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
background-image: none;
top: -10px;
}

.ggg {
width: 555px;
height: 544;
background-color: darkviolet;
}

.send_success {
    background-color: green;
}

.send_fail {
    background-color: red;
}