@font-face{ font-family: 'MyriadPro';
src: url(//volunteertravels.org.ua/wp-content/themes/volunteertravels/fonts/Myriad_Pro_Light.ttf) format('truetype');
}
html, body, *{
margin:0; 
padding:0;
box-sizing: border-box;
}
body {
background-color: #fff !important;
font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
display: flex;
flex-direction: column;
min-height: 100vh;
}
h3.title a {
font-weight: bolder;
}
.title {
font-weight: bolder;
}
h3 {
font-weight: bolder;
}
#main_conteiner {
}
#description {
float:left; width:220px;
margin-top: 25px;
}
#description h1
{font-size:38px;}
#description a
{color:#000; text-decoration:none;} 
#page
{max-width: 1200px;
margin: 0 auto;
}
#page ul
{margin:0; padding:10px 0 15px 25px;}
#page li
{line-height:1.7em;}
#infobar
{width:200px;float:right; padding-top:37px;}	
#paging
{text-align:center; padding:10px 0; border-top:1px solid #ccc; margin-top:20px;}
#sidebar1
{float:right; width:201px; padding:0 30px 0 0;}
#sidebar2
{float:right; width:206px; padding:0 0 0 20px;}
#sidebar1 ul, #sidebar2 ul 
{margin:0;padding:0;}
#sidebar1 li, #sidebar2 li
{list-style-type: none; line-height:1.7em;}
.twitter_title_link 
{color:#000;}
.twitter-item
{padding:5px 0; margin:0; font-size:11px;}
#wp-calendar
{width:100%;}
#wp-calendar td 
{text-align:center; padding:2px; border:1px dotted #ccc;}
#wp-calendar caption 
{padding:1px 0 0 8px; text-align:left;}
#wp-calendar #prev, #wp-calendar #next, #wp-calendar .pad
{border:none;}
#flickrrss img
{margin:0 3px 3px 0; padding:0;}
#clearfooter 
{height:20px; clear:both; }
a 
{color:#1ac0fe; text-decoration:none;}
a:hover
{color:#000;}
blockquote {font-style:italic; margin:5px 0 5px 20px;}
form
{padding:0 0 10px 0; margin:0;} .commentlist
{padding:0; margin:0; width:90%;}
.children
{border:1px solid #bbb;}
.commentlist li ul li 
{list-style-type:none;}
.commentlist li 
{list-style-type:none; font-weight: bold; margin:5px 10px 5px 0; padding:10px; background-color:#ddd;}
.commentlist li .avatar
{float:right;border: 1px solid #ccc;padding:2px;background: #fff;}
.commentlist cite, .commentlist cite a 
{font-weight: bold;}
.commentlist p 
{font-weight: normal;text-transform: none;}
#commentform p 
{}
.commentmetadata 
{font-weight: normal;	} img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#head_icon_right {
float: right;
margin-top: 50px;
}
#head_icon_right a, #search_user{
margin-right: 10px;
margin-left: 15px;
float: left;
}
#s_u {
border: 1px #ccced0 solid;
width: 220px;
padding: 7px 10px;
border-radius: 2px;
margin-top: -3px;
}
#s_u_submit {
background: url(//volunteertravels.org.ua/wp-content/themes/volunteertravels/images/h_search.png) no-repeat center center;
width: 25px;
height: 30px;
border: 0px;
margin-left: -28px;
position: absolute;
margin-top: -3px;
cursor: pointer;
}
#h_di {
height: 100px;
max-width: 1200px;
margin: 0 auto;
}
.align_empty {
width: 80%;
}
#title_page {
color: #59a0ab;
text-align: center;
margin-top: 50px;
font-size: 50px;
margin-bottom: 50px;
}
#page p {
margin: 0;
padding: 0px 10px;
line-height: 25px;
font-size: 18px;
color: #4d4d4d;
}
#bt_green {
padding: 15px 40px;
color:#fff;
background-color:#07bc83;
font-size:20px;
border:none;
}
#page .wpcf7 {
margin: 0 auto !important;
width: 100%;
display: inline-block;
text-align: center;
}
#page .wpcf7 .wpcf7-form{
width: 430px;
margin: 0 auto;
}
#page .wpcf7 .wpcf7-form span input{
width: 100%;
border: 1px solid #c6c6c6;
margin-bottom: -1px;
padding: 15px 20px;
text-align: center;
font: 18px MyriadPro, Arial, sans-serif;	
box-sizing: border-box;
}
#page .wpcf7 .wpcf7-form span textarea{
width: 100%;
border: 1px solid #c6c6c6;
padding: 15px 20px;
text-align: center;
height: 250px;
margin-top: -1px;
margin-bottom: 40px;
font: 18px MyriadPro, Arial, sans-serif;
box-sizing: border-box;
}
span.wpcf7-not-valid-tip {
margin-top: 3px;
}
#header{
width: 100%;
clear: both;
margin: 0 auto;
background: #143e20;
}
.menu-ul {
text-align: center;
padding: 20px 0px 20px 0px !important;
line-height: 3.7 !important;
transition: none;
border-radius: 0;
box-shadow: none;
background: none;
border: 0;
bottom: auto;
box-sizing: border-box;
clip: auto;
color: #666;
display: block;
float: none;
font-family: inherit;
font-size: 14px;
height: auto;
left: auto;
line-height: 1.7;
list-style-type: none;
margin: 0;
min-height: auto;
max-height: none;
min-width: auto;
max-width: none;
opacity: 1;
outline: none;
overflow: visible;
padding: 0;
position: relative;
pointer-events: auto;
right: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
transform: none;
top: auto;
vertical-align: baseline;
visibility: inherit;
width: auto;
word-wrap: break-word;
white-space: normal;
text-align: center;
}
.menu-ul li {
margin: 0 10px 0 0;
display: inline-block;
height: auto;
vertical-align: middle;
}
.menu-ul li a {
line-height: 40px;
height: 40px;
padding: 0px 10px 0px 10px;
vertical-align: baseline;
width: auto;
display: block;
color: #ffffff;
text-transform: none;
text-decoration: none;
text-align: left;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 16px;
font-weight: bold;
outline: none;	
background: #0000 !important;
color: #f7f1f1 !important;
vertical-align: baseline !important;
display: inline !important;
text-shadow: none !important;
letter-spacing: 1px !important;
}
.menu-ul li a:hover {
font-weight: bold;
text-decoration: underline;
border-color: #fff;
}
.logo_img {
max-width: 200px; }
.menu-ul li:last-child {
background: linear-gradient(#2cdb2391, #2cdb23, #2cdb238c) !important;
line-height: 3.7 !important;
border-radius: 5px !important;
text-shadow: 1px 1px 2px pink !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
#menu {
display: flex;
align-items: center;
justify-content: center;
}
.logo-link {
flex-grow: 1;
text-align: left;
padding: 20px 20px 20px 20px !important;
max-width: 250px;
}
.menu-toggle {
display: none; 
background-color: #333;
color: white;
border: none;
padding: 10px 15px;
cursor: pointer;
}
@media (max-width: 960px) {
#header { }
#menu {
flex-direction: column;
}
.menu-ul {
display: none;
flex-direction: column;
left: 0;
width: 100%;
background: white;
text-align: center;
z-index: 1000;
background: #143e20;
}
.menu-toggle {
display: block;
width: 100%;
background: #143e20;
}
.menu-ul.show {
display: flex;
flex-direction: column;
}
.logo_img {
margin-bottom: 10px;
margin-top: 10px;
}	
.menu-ul li {
display: flex;
}
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1170px;
}
#footer .copyright {
padding: 5px 0 !important;
display: flex;
width: 100%;
justify-content: space-between;
}
#footer .copyright.div:nth-child(1) {
flex: 1; }
#footer .copyright.div:nth-child(2) {
flex: 2; }
#footer .copyright.div:nth-child(3) {
flex: 1; }
#footer {
color: #fff;
background: #212123;
width: 100%;	
border-top: 0 !important;
}
.social-buttons {
padding-right: 10%;
float: right;
float: left;
}
.social-buttons {
min-width: 199px;
font-size: large;
}
div#copy {
text-align: right;
}
.social-buttons a {
display: inline-block;
margin: 0;
height: 24px;
width: 24px;
background: #444649;
filter: none !important;
text-align: center;
line-height: 24px;
}
.wrapper {
flex-grow: 1;
max-width: 1200px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 100;
}
#a_copy:hover{
color: #5d7a27;
}
.fa {
margin-top: 3px;
}
#m_ub {
display: flex;
justify-content: space-between;
}
#m_ub span { }
#m_ub span img {
max-width:250px;
}
#m_ub a {
align-items: center;
justify-content: center;
font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
font-size: xx-large;
font-weight: bold;
text-decoration: none;
text-decoration: underline solid #fff3;
text-decoration-thickness: auto;
text-decoration-thickness: 3px;
text-underline-offset: 6px;
color: #fff;
background-color: #00800080;
max-width: 700px;
min-height: 178px;
padding: 20px;
transition: text-decoration .3s ease;	
width: 65%;
font-style: italic;
margin: 36px auto;
display: flex;
justify-content: center;
border-radius: 6px;
background-color: #144221ba;
font-size: x-large;
text-align: center;
}
#m_ub a:hover {
text-decoration: underline solid #fff9;
text-decoration-thickness: auto;
text-decoration-thickness: 3px;
}
#m_db {
display: flex;
justify-content: space-between;
gap:30px;
align-items: stretch;
margin-bottom: 50px;
}
.page-id-8, .page-id-14, .page-id-16, .page-id-19, .page-id-21, .error404 {	
background-image: url(//volunteertravels.org.ua/wp-content/themes/volunteertravels/images/eco-mountains-background-big.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
background-attachment: fixed;
z-index: 1;
}
#content {
z-index: 100;
position: relative;
}
.jumbotron {
background-color: #144221ba;
color: white;
margin: 5px;
border-radius: 6px;
padding: 40px 30px;
flex: 1;
}
.jumbotron  h2 {
font-size: 20px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.jumbotron p {
font-size: 16px;
margin-bottom: 15px;
font-weight: 200;
}
.jumbotron .btn {
color: #fff;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title, h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a, h1, h2, h3, h4, h5, h6, .logged-in-as, .title a, .post-container .category, .post-container .category h1, .post-container .category h1 span, .post-container .portfolio, .post-container .portfolio h1, .post-container .search, .post-container .search h1 {
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6, h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a {
font-family: 'Roboto',Verdana, Geneva, sans-serif;
line-height: 1.6em;
font-size: inherit;
color: #000;
}
.post a, .post p, .post-article a, .post-article p, .post-article .dropcap, .post-article li, .post-article address, .post-article dd, .post-article blockquote, .post-article td, .post-article th, .post-article span, .sidebar-area a, .sidebar-area p, .sidebar-area li, .sidebar-area address, .sidebar-area dd, .sidebar-area blockquote, .sidebar-area td, .sidebar-area th, .sidebar-area span, .textwidget {
font-size: 16px !important;
}
.btneco {
background: linear-gradient(rgba(160, 244, 110, 0.4), rgba(160, 244, 110, 0.95), rgba(160, 244, 110, 0.4));
margin-top: 10px;
color: black;
font-weight: bold;
border: unset;
min-height: 50px;
width: 100%;
font-size: medium;
border-radius: 5px;
text-shadow: #ffffffb3 1px 1px 5px;
}
.btneco:hover {
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.75);
}
.btnwar {
background: linear-gradient(rgba(162, 160, 149, 0.4), rgba(162, 160, 149, 0.95), rgba(162, 160, 149, 0.4));
margin-top: 10px;
color: black;
font-weight: bold;
border: unset;
min-height: 50px;
width: 100%;
font-size: medium;
border-radius: 5px;
text-shadow: #ffffffb3 1px 1px 5px;
}
.btnwar:hover {
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.75);
}
.form__input__new {
background: #fff none repeat scroll 0 0;
border: 1px solid #b0b0b0;
color: #222;
font-size: 14px;
float: left;
height: 36px;
line-height: 36px;
margin-right: 5px;
margin-top: 7px;
padding-left: 10px;
width: auto;
min-width: 40px;
}
#liqpayform {
display: block;
max-width: 300px;
margin: 0 auto;
}
.subscribe + label {
position: relative;
padding: 0 0 0 60px;
cursor: pointer;
color: #0089FF;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button#place_order, .woocommerce .wc-proceed-to-checkout input {
background-color: #ff6644;
padding: 10px 15px;
font-weight: bold;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
width: auto;
text-align: center;
position: relative;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-rendering: optimizeLegibility;
}
.post-article .woocommerce .product-content .price, body.search .product-content .price, .widget-box .product-content .price, .woocommerce_cart_page .product-content .price, .upsells-products .product-content .price, .related-products .product-content .price, .products-list .product-content .price {
display: block;
margin: 15px auto 0 auto !important;
float: none;
text-align: center;
position: relative;
}
h3.product-title, h4.product-title {
color: #616161;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
}
.product-thumbnail {
overflow: hidden;
}
.product-container {
text-align: center;
margin-bottom: 50px;
}
.product-content {
text-align: center;
padding: 20px 10px;
}
.content_404 {
align-items: center;
justify-content: center;
font-family: Verdana, "Trebuchet MS", Geneva, sans-serif;
font-size: xx-large;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: #00800080;
max-width: 700px;
min-height: 178px;
padding: 20px;
transition: text-decoration .3s ease;
width: 65%;
margin: 36px auto;
display: flex;
justify-content: center;
border-radius: 6px;
background-color: #144221ba;
font-size: x-large;
text-align: center;	
}
.error404 .wrapper {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.content_404 h2 {
color:#fff;
}
#page_content, #post_content {
position: relative;
min-height: 1px;
padding:25px;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
word-wrap: break-word;
height: 100%;
}
#page_content p, #post_content p {
line-height: 1.8em;
font-size: 16px;
}
.title {
text-align: center;
}
.product-content .price {
color: #fff;
}
.page-id-16 center {
display: flex;
align-content: center;
justify-content: center;
}
@media (max-width: 960px) {
#m_ub {
align-items: center;
flex-direction: column;
}	
#m_db {
gap: 20px;
margin-bottom: 50px;
flex-direction: column;
padding: 0 20px;
}	
.jumbotron {
padding: 30px 20px;
}	
#footer .copyright {
margin: 0;
line-height: 15px;
text-align: center;
flex-direction: column;
align-items: center;
}	
div#copy {
text-align: center;
}	
}
@media (max-width: 768px) {
#m_ub img {
display: none !important;
}
}