@font-face {
    font-family: Assistant;
    src: url("../fonts/Assistant-Light.ttf");
    font-weight: lighter;
}

@font-face {
    font-family: Assistant;
    src: url("../fonts/Assistant-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: Assistant;
    src: url("../fonts/Assistant-SemiBold");
    font-weight: 600;
}

@font-face {
    font-family: Assistant;
    src: url("../fonts/Assistant-Regular.ttf");
    font-weight: normal;
}


body {
        font-family: Assistant;
        color: #fff;
}


 .mobile {
            display: none;
        }

a:focus,
a:hover 
     {
        text-decoration: none;
    }

a.link_call {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.section1 {
    padding-left: 25px;
    padding-right: 0;

}

.section1 h1{
    color: #fff;
    font-weight: bold;
    font-size:38px;
    
}

/* .boyImage
{
    width: 462px;
    display: block;
    height: auto;
} */

.main {
    background-image: url("../img/back.jpg");
    background-size: cover;
}

.section1 h1.we_are_not {
    color: #ec2024;
    background-color: #fff100;
    font-size: 54px;
    font-weight: bold;
    text-align: center;
    transform: rotate(7deg);
    padding-bottom: 7px;
}

.sampling {
    color: #000;
    background-color: #fff;
    text-align: center;
    font-size: 23px;
    border-radius: 13px;
    box-shadow: 3px 4px 0px #c6c6c6;
    margin-right: -10px;
    margin-left: -10px;
    cursor: pointer;
    
}

#link {
    color: #000;
    background-color: transparent;
    border-radius: none;
    box-shadow: none;
    margin: 0;

}


.section2 h1.donate_now {
       color: #ec2024;
    background-color: #fff100;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 7px;
}

.section2 h1.donate_now img {
    width: 55px;
}

.call {
    font-size: 25px;
    margin-top: 35px;
    text-align: center;
}

.call span {
    font-size: 60px
}

.call .star {
   vertical-align:-14px; 
}

.footer {
    color: #000;
        padding: 10px 0;
}
.footer h3{
       margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
}
.footer p{
    font-size: 20px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.2;
    padding-left: 15px;
    padding-right: 15px;
}
.rightFotterBlock{
    font-size: 18px !important;
    line-height: 1.35 !important;
    padding: 0px !important;
}
.footer .end {
    color: #ec2024;
}

.tel {
        width: 40%;
    display: inline-block;
}

.before_tel {
        width:25%;
    display: inline-block;
}

.send {
    width: 32%;
    display: inline-block;

}

.send .btn{ 
    width: 100%;
    color: #000;
    background-color: #fff100;
    vertical-align: unset;
}

.send img {
    width: 12px;
   margin-right: 5px;
}

.red {
    color: red;
}
.line {
        border-bottom: 2px solid;
    height: 18px;
}
.logo {
        width: 65%;
    margin: 0 auto;
}



.boy {
    /* background-image: url("../img/img_boy.png");
    background-size: cover;
    background-position: center; */
    /* height: 433px;
    left: 102px; */
}

.end .col-md-4 {
  padding: 0;


}
.form-control {

    padding: 6px 3px;
}
.toda {
    text-align: center;
}

.topTitle{
    width: 562px;
    padding: 20px
}


/*///////////////////////////////*/

.section2{
    padding-left: 120px;
    margin-top: 40px;
}
.section1 img {
    width: 100%;
}
.boy {
    height: 640px;

}
/* .boyImage
{
    width: 462px;
    display: block;
    height: auto;
    margin-right: 0;
}  */
.boyImage {
    height: 100%;
    margin-right: -120px;
}

.sampling {

    font-size: 32px;
    margin: 15px 0px;
}

.footer {

    margin: 20px 80px;
}

.rightFotterBlock {
    font-size: 24px !important;
    }

 .footer p {
        font-size: 24px;
        }

 .footer h3 {
            font-size: 27px;
        }

 .topTitle {
    width: 88%;
    padding: 30px;
 }

 .form-control {

    height: 40px;
    font-size: 15px;
 }

 .phoneText {
    width: 222px;
 }
     
 .link_call img {
    width: 320px; 
    margin-top: 10px;
    margin-bottom: 10px;

 }



 @media (max-width: 1750px) {

 .boy {
    height: 580px;
}
 }
     
@media (max-width: 1620px) {
.sampling {
    font-size: 26px;
    margin: 0 -10px;
}
.boy {
    height: 520px;
}
.rightFotterBlock {
    font-size: 20px !important;
}

.footer p {
    font-size: 20px;
}

 }
@media (max-width: 1450px) {
    
 
.section2{
    padding-left: 0;
    margin-top: 0;
}
.section1 img {
    width: 303px;
}
.boy {
    height: 433px;
    left: 102px; 
}

.boyImage {

    display: block;
    height: 100%;
    margin-right: -20%;
}
.sampling {
    margin: 0 -10px;
    
}

.footer {

    margin: 15px auto;
}

.rightFotterBlock {
    font-size: 18px !important;
    }

 .footer h3 {
            font-size: 22px;
        }
 .topTitle{
            width: 562px;
            padding: 20px
        }

 .form-control {

    height: 40px;
    font-size: 15px;
 }


    }

    @media (max-width: 1200px)
    { 
.sampling {
    font-size: 20px;
}

.section1 img {
    width: 260px;
}
.boyImage {
  
    margin-right: -40%;
}
.topTitleDesktop {
    width: 484px;
    padding: 15px;
}

.phoneText {
    width: 190px;
 }
 form h2 
 {
    font-size: 28px;
}
.form-control {
    height: 30px;
    font-size: 12px;
}
.footer h3 {
    font-size: 20px;
}

    }
@media (max-width: 1100px) {
    .call {
        font-size: 23px;
             
            }
        .call span {
        font-size: 60px;
    }
        }

@media (max-width: 768px) {
        .desktop {
            display: none;
        }
        .mobile {
            display: block;
        }
        .row {
            margin-right: 0;
            margin-left: 0;
        }
       .container-fluid, .container {
    padding-right: 0;
    padding-left: 0;
}
.section2 .col-md-6{
    padding-left: 10px;
    padding-right: 10px;
}
       .main {
    background-image: none;
           color: #000;
}
       
       .text_top{
           padding: 14px;
    text-align: justify;
    font-size: 5vw;
    line-height: 1.2;

       } 
          .text_top h2{ 
           font-size: 5.8vw;
    font-weight: bold;
    margin-top: -5px;
    margin-down: -5px;
}
     .section1 {
    padding-left: 0;
    

    }
    .section2 {
        padding-left: 0;
        padding-right: 0;
    }
       .section2 h1.donate_now {
    font-size: 7.9vw;
    padding: 14px 3px;
    margin-top: -10px;
}
       .sampling {
    border: 1px solid #ed161f;
    font-size: 5.5vw;
    margin-top: 10px;
}
       
       .call {
            
           color: #fff;
               margin: 0;
               padding: 0;
               font-size: 0;
           
       }
       .call div {
           width: 49%;
          display: inline-block;
               margin-top: 10px;
    font-size: 6.8vw;
       }
       .form {
              background-image: url(../img/bac.png);
              margin: 0 -15px;
              padding: 15px;
              color: #fff;
       }
       .m_r {
           margin-right: 15%;
       }
       .send .btn {
    vertical-align: -2px;
    font-size: 5vw;
    padding: 0px 12px;
}
.call span {
    font-size: 16vw;
}
.section2 h1.donate_now img {
    width: 42px;
}

.section1 img {
    width: 100%;
}


.topTitle {
    width: 100%;
    padding-top: 0;
}


.link_call img {
    width: 100%; 
    margin-top: 0;
    margin-bottom: 0;
  

 }



}