/* Header */
.header { 
width: 1360px !important; 
margin: 0 auto;
}
.header_mobile { 
display: none;
}
.header_logo { 
text-align: center;
}
.header_logo img { 
width: 60%;
}
.header_menu { 
margin-top: 3%;
text-align: right;
}
.header_menu a { 
display: inline-block;
padding: 1%;
color: #424242;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
text-decoration: none;
}
.header_menu a:hover { 
color: #f05a32;
}
.header_contacts table { 
width: 100%;
margin-top: 9%;
}
.header_contacts span { 
display: inline-block;
padding: 1%;
color: #f6562d;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
border-bottom: 1px dotted #f05a32;
}
.header_contacts span:hover { 
border-bottom: none;
}
.header_contacts button { 
padding: 4%;
background-color: #3eb9e3;
padding-left: 5%;
padding-right: 5%;
color: white;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
}
.header_contacts button:hover { 
background-color: #efca07;
}
/* Banner */
.banner { 
width: 1360px !important;
margin: 0 auto;
margin-top: 2%;
}
.banner_info label { 
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 50px;
margin-top: 10%;
font-weight: 600;
}
.banner_info b { 
display: block;
font-family: 'Roboto', sans-serif;
font-size: 35px;
margin-top: 1%;
font-weight: 600;
}
.banner_info table { 
width: 100%;
display: block;
margin-top: 2%;
}
.banner_info table td { 
width: 25%;
}
.banner_info span { 
display: block;
font-family: 'Roboto', sans-serif;
font-size: 20px;
margin-top: 2%;
}
.banner_info span b { 
display: inline-block;
font-size: 20px;
}
.banner_info button { 
margin-top: 2%;
padding: 3%;
padding-left: 5%;
padding-right: 5%;
font-family: 'Open Sans', sans-serif;
font-size: 21px;
background-color: #589bc4;
color: white;
border: none;
border-radius: 10px;
}
.banner_info button:hover { 
background-color: #efca07;
cursor: pointer;
}
.banner_image { 
margin-top: 2%;
}
/* Services */
.services { 
width: 1360px !important;
margin: 0 auto;
margin-top: 2%;
}
.services label { 
font-size: 38px;
display: block;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.services span { 
display: block;
font-family: 'Roboto', sans-serif;
font-size: 20px;
text-align: center;
}
.services_box { 
margin-top: 1%;
}
.services_box_item { 
padding: 0;
margin: 0 auto;
margin-top: 1%;
background-color: #589bc4;
text-align: center;
}
.services_box_item img { 
width: 100%;
}
.services_box_item hr { 
padding: 0;
width: 15%;
margin: 0 auto;
opacity: 1;
height: 2px;
background-color: #efca07;
}
.services_box_item label { 
font-size: 22px;
display: block;
padding: 0.8%;
padding-left: 2%;
padding-right: 2%;
color: white;
}
.services_box_item span { 
display: block;
padding: 0.8%;
color: white;
font-size: 18px;
padding-left: 2%;
padding-right: 2%;
}
.services_box_item button { 
margin-top: 3%;
margin-bottom: 3%;
padding: 2%;
padding-left: 4%;
padding-right: 4%;
border: none;
font-family: 'Open Sans', sans-serif;
background-color: #efca07;
color: #232323;
}
.services_box_item button:hover { 
background-color: white;
cursor: pointer;
}
/* Contact Us */
.contact_us { 
margin-top: 2%;
background-color: #3eb9e3;
}
.contact_us_box { 
width: 60%;
margin: 0 auto;
padding-top: 6%;
padding-bottom: 6%;
}
.contact_us_image img { 
width: 90%;
border-radius: 300px;
border: 20px solid #efca07;
}
.contact_us_form label {
display: block;  
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color: white;
}
.contact_us_form span {
display: block;  
font-family: 'Roboto', sans-serif;
color: white;
font-size: 25px;
}
.contact_us_form table { 
width: 100%;
margin-top: 2%;
}
.contact_us_form table td input { 
padding: 4%;
padding-left: 5%;
border-radius: 5px;
border: none;
width: 95%;
}
.contact_us_form table td { 
padding-bottom: 1%;
}
.contact_us_form table td button { 
padding: 6%;
padding-left: 8%;
padding-right: 8%;
border: none;
font-family: 'Open Sans', sans-serif;
border-radius: 5px;
background-color: #efca07;
}
.contact_us_form table td button:hover { 
background-color: white;
}
.contact_us_form table td a { 
padding: 1%;
font-family: 'Open Sans', sans-serif;
color: white;
text-decoration: none;
font-size: 20px;
}
.contact_us_form_phone { 
background-color: #f05a32 !important;
font-weight: 600;
padding: 3% !important;
display: inline-block;
}
.contact_us_form_phone:hover { 
font-weight: 300;
}
.contact_us_form_wa:hover { 
font-size: 19px;
}
.contact_us_form_mobile { 
display: none;
}
.order_result { 
margin-top: 3%;
}
#order_answer b, #order_answer_two b { 
color: #efca07;
}
/* Causes */
.causes { 
margin-top: 2%;
}
.causes label { 
display: block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
}
.causes_box { 
width: 65%;
margin: 0 auto;
margin-top: 2%;
}
.causes_box_item  { 
text-align: center;
}
.causes_box_item img { 
width: 80%;
}
.causes_box_item label { 
font-size: 25px;
display: block;
}
.causes_box_item span { 
display: block;
}
/* About Us */
.about_us { 
margin-top: 2%;
background: url('/images/about.jpg');
background-size: cover;
padding-top: 8%;
padding-bottom: 8%;
}
.about_us_text { 
width: 65%;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
font-size: 22px;
color: white;
}
.about_us_text b { 
color: #efca07;
font-family: 'Trebuchet MS', sans-serif;
font-weight: 600;
font-size: 25px;
}
/* How Work */
.how_work { 
margin-top: 2%;
}
.how_work label { 
display: block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
}
.how_work_box { 
width: 65%;
margin: 0 auto;
margin-top: 2%;
}
.how_work_box_item  { 
text-align: right;
}
.how_work_box_item img { 
width: 50%;
margin-top: 3%;
}
.how_work_box_item table td { 
width: 10%;
text-align: left;
}
.how_work_box_item table b { 
font-size: 50px;
font-family: 'Open Sans', sans-serif;
display: inline-block;
padding: 1%;
padding-left: 25%;
padding-right: 25%;
}
.how_work_bg_yellow { 
background-color: #efca07;
}
.how_work_bg_blue { 
background-color: #3eb9e3;
}
.how_work_bg_dark_blue { 
background-color: #589bc4;
}
.how_work_bg_orange { 
background-color: #f05a32;
}
.how_work_box_item table label { 
font-size: 25px;
display: block;
text-align: left;
}
.how_work_box_item span { 
display: block;
text-align: left;
}
/* Question Answers */
.questions_answers { 
margin-top: 2%;
background-color: #3eb9e3;
padding-top: 3%;
padding-bottom: 3%;
border-bottom: 6px solid #efca07;
}
.questions_answers label { 
display: block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 35px;
color: white;
}
.questions_answers label b {
border-bottom: 2px solid #edc109;
font-weight: 300;
color: #edc109;
}
.questions_answers_box { 
width: 55%;
margin: 0 auto;
}
.questions_answers_box_item { 
border-bottom: 1px solid #efca07;
padding: 0;
}
.questions_answers_box_item_bottom {
border-bottom: none;
} 
.questions_answers_box_item table { 
width: 100%;
}
.questions_answers_box_item table span { 
display: inline-block;
padding: 1%;
color: white;
font-family: 'Open Sans', sans-serif;
background-color: rgba(0, 0, 0, 0.0);
font-size: 25px;
}
.questions_answers_box_item table img:hover { 
background-color: white;
border-radius: 300px;
cursor: pointer;
}
.questions_answers_box_item span { 
display: block;
padding: 0.5%;
font-family: 'Roboto', sans-serif;
font-size: 18px;
background-color: #efc107;
color: #232323;
display: none;
}
/* Contacts Us */
.contacts_us { 
background: url('/images/contacts.jpg');
background-size: cover;
}
.contacts_us:hover { 
background: #3eb9e3;
}
.contacts_us:hover .contacts_us_image img { 
transform: scale(1.1);
}
.contacts_us:hover .contacts_us_form_span { 
color: #efca07;
font-weight: 600;
}
.contacts_us_box { 
width: 60%;
margin: 0 auto;
padding-top: 6%;
padding-bottom: 6%;
}
.contacts_us_image img { 
width: 90%;
border-radius: 300px;
border: 20px solid #efca07;
}
.contacts_us_form label {
display: block;  
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color: white;
}
.contacts_us_form span {
display: block;  
font-family: 'Roboto', sans-serif;
color: white;
font-size: 25px;
}
.contacts_us_form table { 
width: 100%;
margin-top: 2%;
}
.contacts_us_form table td input { 
padding: 4%;
padding-left: 5%;
border-radius: 5px;
border: none;
width: 95%;
}
.contacts_us_form table td { 
padding-bottom: 1%;
}
.contacts_us_form table td button { 
padding: 6%;
padding-left: 8%;
padding-right: 8%;
border: none;
font-family: 'Open Sans', sans-serif;
border-radius: 5px;
background-color: #efca07;
}
.contacts_us_form table td button:hover { 
background-color: white;
}
.contacts_us_form table td a { 
padding: 1%;
font-family: 'Open Sans', sans-serif;
color: white;
text-decoration: none;
font-size: 20px;
}
.contacts_us_form_mobile { 
display: none;
}
/* Footer */
.footer { 
background-color: #efca07;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
padding-top: 1%;
padding-bottom: 1%;
}
.footer table { 
margin: 0 auto;
text-align: center;
}
@keyframes toWa {
  0% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
  25% {
    border-color: rgba(0, 0, 0, 0.0);
    transform: scale(0.9);
  }
  50% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
  75% {
    border-color: rgba(0, 0, 0, 0.0);
    transform: scale(0.9);
  }
  100% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
}
#toWhatsApp {
text-align: center;
position: fixed;
z-index: 1;
bottom: 3%; 
right: 1%;
cursor: pointer;
border: 2px solid #45c655;
border-radius: 50px;
padding: 1%;
animation-name: toWa;
animation-duration: 2s;
animation: toWa 4s infinite linear;
}
#toWhatsApp:hover { 
transform: scale(1.2);
}
#toTop {
text-align: center;
position: fixed;
bottom:3%; 
left: 1.5%;
cursor: pointer;
}
#toTop:hover { 
transform: scale(1.2);
}
#toTop img { 
border: 1px solid white;
background-color: white;
border-radius: 50px;
}
@media screen and (min-width: 320px) and (max-width: 760px) { 
.header, .banner, .services { 
width: auto !important;
}
/* Header */
.header { 
display: none;
}
.header_mobile { 
display: block;
}
.header_logo img { 
width: 100%;
}
.header_menu { 
text-align: center;
}
.header_contacts { 
text-align: center;
margin-top: 2%
}
.header_contacts button { 
margin-top: 2%;
}
/* Banner */
.banner { 
margin-top: -4%;
}
.banner_info { 
text-align: center;
}
.banner_image { 
margin-top: 10%;
}
.banner_image img { 
width: 100%;
}
/* Services */
.services { 
margin-top: 6%;
}
.services_box_item { 
width: 80%;
margin: 0 auto;
margin-top: 3%;
}
/* Contact Us */ 
.contact_us { 
margin-top: 6%;
}
.contact_us_box { 
width: 90%;
}
.contact_us_image img  { 
width: 100%;
}
.contact_us_form { 
display: none;
}
.contact_us_form_mobile { 
display: block;
text-align: center;
}
.contact_us_form_mobile button { 
margin-top: 2%;
margin-bottom: 2%;
}
.contact_us_form_mobile a { 
display: block;
padding: 1%;
font-family: 'Open Sans', sans-serif;
color: white;
text-decoration: none;
font-size: 20px;
text-align: center;
margin-top: 2%;
}
/* Causes */
.causes_box { 
width: 100%;
}
/* How Work */
.how_work_box { 
width: 90%;
}
/* About Us */ 
.about_us_text { 
width: 80%;
text-align: center;
}
/* Questions Answers */ 
.questions_answers { 
margin-top: 6%;
}
.questions_answers_box { 
width: 80%;
}
/* Contacts Us */ 
.contacts_us_box { 
width: 90%;
}
.contacts_us_image img  { 
width: 100%;
}
.contacts_us_form { 
display: none;
}
.contacts_us_form_mobile { 
display: block;
text-align: center;
}
.contacts_us_form_mobile button { 
margin-top: 2%;
margin-bottom: 2%;
}
.contacts_us_form_mobile a { 
display: block;
padding: 1%;
font-family: 'Open Sans', sans-serif;
color: white;
text-decoration: none;
font-size: 20px;
text-align: center;
margin-top: 2%;
}
#toWhatsApp {
bottom: 1%; /* отступ кнопки от нижнего края страницы*/
right: 4%;
padding: 6%;
}
#toTop {
bottom: 4%; /* отступ кнопки от нижнего края страницы*/
left: 3%;
}
}