@font-face {
    font-family: "Sofia Sans Regular";
    src: url("../fonts/SofiaSansCondensedRegular.eot");
    src: url("../fonts/SofiaSansCondensedRegular?#iefix")format("embedded-opentype"),
    url("../fonts/SofiaSansCondensedRegular.woff2")format("woff2"),
    url("../fonts/SofiaSansCondensedRegular.woff")format("woff"),
    url("../fonts/SofiaSansCondensedRegular.ttf")format("truetype");
}
@font-face {
    font-family: "Sofia Sans Thin";
    src: url("../fonts/SofiaSansCondensedThin.eot");
    src: url("../fonts/SofiaSansCondensedThin?#iefix")format("embedded-opentype"),
    url("../fonts/SofiaSansCondensedThin.woff2")format("woff2"),
    url("../fonts/SofiaSansCondensedThin.woff")format("woff"),
    url("../fonts/SofiaSansCondensedThin.ttf")format("truetype");
}
@font-face {font-family: "e-Ukraine Head Regular";
    src: url("../fonts/e-UkraineHead-Regular.eot"); /* IE9*/
    src: url("../fonts/e-UkraineHead-Regular.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/e-UkraineHead-Regular.woff2") format("woff2"), 
    url("../fonts/e-UkraineHead-Regular.woff") format("woff"), 
    url("../fonts/e-UkraineHead-Regular.ttf") format("truetype");
}
@font-face {font-family: "Roboto Condensed";
    src: url("../fonts/RobotoCondensedLight.eot");
    src: url("../fonts/RobotoCondensedLight.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoCondensedLight.woff") format("woff"),
    url("../fonts/RobotoCondensedLight.ttf") format("truetype");
}
@font-face {font-family: "Roboto";
    src: url("../fonts/RobotoLight.eot");
    src: url("../fonts/RobotoLight.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoLight.woff") format("woff"),
    url("../fonts/RobotoLight.ttf") format("truetype");
	font-weight: normal;
	font-style: normal; 	
}
@font-face {font-family: "Roboto";
    src: url("../fonts/RobotoLightItalic.eot");
    src: url("../fonts/RobotoLightItalic.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoLightItalic.woff") format("woff"),
    url("../fonts/RobotoLightItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic; 	
}
@font-face {font-family: "Roboto";
    src: url("../fonts/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular.ttf") format("truetype");
	font-weight: bold;
	font-style: normal; 	
}
@font-face {font-family: "Roboto";
    src: url("../fonts/RobotoItalic.eot");
    src: url("../fonts/RobotoItalic.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoItalic.woff") format("woff"),
    url("../fonts/RobotoItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic; 	
}
@font-face {font-family: "Roboto";
    src: url("../fonts/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular.ttf") format("truetype");
	font-weight: 500;
	font-style: normal; 	
}


body { font-family: "Roboto"; font-size:18px; }


.logo { display:block;height:auto!important;padding-bottom:10px;white-space:nowrap;}
.logo a { display:block;font-family: "Sofia Sans Regular";font-size:1.3rem; letter-spacing:0.15em; line-height:1.26em; color:#fff;}
.logo-slogan { display:block;font-family: "Sofia Sans Thin"; font-size:1.20rem; letter-spacing:0.23em; line-height:1px; color:#fff;padding-bottom:12px;white-space:nowrap;}
.uk-ua .logo-slogan { letter-spacing:0.52em; }


.emailfooter { display:inline-block; margin-right:10px; }
.socfooter { display:inline-block; }

.page-content .jmm-social.default .jmm-link .jmm-ico { color:#3e9692!important; font-size:150%;margin-top:10px;}
.page-content .jmm-social.default .jmm-link:hover .jmm-ico { color:#23c2bf!important;}

#sp-footer { padding-left:35px; padding-right:35px; padding-top:35px; padding-bottom:25px; }
#sp-footer .container-inner {  border:none; }
#sp-footer .jmm-social { text-align:right;margin-right:5px;}


.sppb-title-heading, #userForm h2 { text-transform:uppercase; font-size:48px!important;line-height:130%!important;font-family: 'e-Ukraine Head Regular';}
.sppb-addon-title { text-transform:uppercase; font-size:36px!important;line-height:130%!important;font-family: 'e-Ukraine Head Regular';}
h1, h2, h3, h4, h5 { font-family: 'e-Ukraine Head Regular';}
h1.sppb-addon-title, h1.sppb-title-heading { font-size:50px!important; }
h2.sppb-addon-title, h2.sppb-title-heading { font-size:44px!important; }
h3.sppb-addon-title, h3.sppb-title-heading { font-size:36px!important; }
h4.sppb-addon-title, h4.sppb-title-heading { font-size:30px!important; }

.donateimages img { max-height:20px; width:auto; display:inline-block; margin-right:10px;}

.transparentheader #sp-header, .homepage #sp-header, #zsp-header .sp-dropdown .sp-dropdown-inner {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none !important;
  border-bottom: none;
}


#sp-header { margin:0;padding-left:18px!important;padding-right:18px!important;}
#sp-header a { color:#fff; }
#sp-header.header-sticky, #sp-header.header-sticky .sp-dropdown .sp-dropdown-inner {
  background-color: rgba(0, 0, 0, 0.75);
}
#sp-header.header-sticky {
	height:75px;
}
#sp-header.header-sticky .sp-megamenu-parent>li>span, #sp-header.header-sticky  .sp-megamenu-parent>li>a {zline-height:75px; }

.burger-icon  {
	margin-right:15px!important;
}
.burger-icon span {
    width: 40px !important; /* Default is usually 25px */
	height: 5px !important; 
}

.close-offcanvas .burger-icon > span {
    width: 100% !important;
    height: 2px !important;
    margin-bottom: 0 !important;
}

.zsp-megamenu-parent > li > a { padding-left:10px!important; padding-right:10px!important;}
.sp-megamenu-parent > li > a {  padding:0; margin-left:10px;margin-right:10px;line-height:145%; margin-top:30px;margin-bottom:36px;border-bottom: 1px solid transparent;transition: border-color 0.4s ease, background-color 0.4s ease; }
#sp-header.header-sticky .sp-megamenu-parent > li > a {  margin-top:22px;margin-bottom:22px;}
.sp-megamenu-parent > li.active > a { border-bottom:1px solid #fff; font-weight:300;}
.sp-megamenu-parent > li > a:hover { border-bottom:1px solid #fff; font-weight:300; }
.sp-megamenu-wrapper { margin-right:-92px;font-family:"Roboto Condensed";}
.sp-megamenu-wrapper li a { font-size:18px; }

.mod-languages { text-transform:uppercase;margin-right:0px;font-family:"Roboto Condensed";letter-spacing:0.1px;font-size:16px;}
div.mod-languages ul li { padding:0px 5px 0px 5px!important; }
div.mod-languages ul li.lang-active{background-color:rgba(0,0,0,.2) !important; padding:0px 5px 3px;border-radius:3px; border:1px solid #efefef!important;}
div.mod-languages a:hover { color:#a8dbda!important; }
div.mod-languages ul li.lang-active:hover a { color:#fff!important; }

button, input[type="submit"], input[type="button"], .sppb-btn, .sp-slider-btn-text, .rsform-block .form-label { font-weight:500; }
.rsform-block .rsform-submit-button { font-weight:500;font-size:20px; background:RGBA(62, 150, 145, 1); margin-top:10px; border:none!important;}



.rsform-block input[type="checkbox"]:checked {
    background-color: RGBA(62, 150, 145, 1)!important;
    border-color: RGBA(62, 150, 145, 1)!important;
    accent-color: RGBA(62, 150, 145, 1)!important;
}

.sppb-addon-slideshow .sppb-slideshow-prev,
.sppb-carousel-pro .sppb-carousel-prev {
    position: absolute;
    left: -100px; 
    top: 50%; 
    transform: translateY(-50%);
    z-index: 10;
	margin-left:-100px;
}

.sppb-articles-carousel-wrap .slick-prev {
    left: -100px !important;
    display: block !important;
	margin-left:-100px;
}

.sp-slider .sp-nav-control .nav-control.prev-control{left:-90px;}
.sp-slider .sp-nav-control .nav-control i {display:block; margin-top:18px;}

.donatebutton, .donatebutton:hover { background:rgba(249, 116, 50, 0.8)!important;padding:3px 10px 2px 10px!important;color:#fff!important;border-radius:5px;font-size:14px!important; text-transform:uppercase; margin-right:0!important; }
.donatebutton:hover { background:rgba(249, 116, 50, 0.9)!important; }

.partnersbutton, .partnersbutton:hover { background:RGBA(62, 150, 145, 0.6)!important;padding:3px 10px 2px 10px!important;color:#fff!important;border-radius:5px;font-size:14px!important; text-transform:uppercase; margin-right:0!important; }
.partnersbutton:hover { background:RGBA(62, 150, 145, 0.8)!important; }

.offcanvas-inner .mod-menu a { font-size:24px; line-height:130%!important;}
.offcanvas-inner .partnersbutton, .offcanvas-inner .donatebutton { margin-top:30px; padding-top:7px!important; padding-bottom:7px!important; text-align:center; font-size:18px!important;}
.offcanvas-menu {   background-color: rgba(0, 0, 0, 0.25); }


@media (max-width: 767px) { 
    #sp-header {
        height: 60px !important; 
    }
	.sppb-title-heading, #userForm h2 { font-size:38px!important;}
	.sppb-addon-title { text-transform:uppercase; font-size:30px!important;}
	h1.sppb-addon-title, h1.sppb-title-heading { font-size:42px!important; }
	h2.sppb-addon-title, h2.sppb-title-heading { font-size:38px!important; }
	h3.sppb-addon-title, h3.sppb-title-heading { font-size:34px!important; }
	h4.sppb-addon-title, h4.sppb-title-heading { font-size:28px!important; }
	
}


@media (max-width: 1000px) { 
	.emailfooter { display:block; margin-right:0px; text-align:center;margin-top:5px;}
	.socfooter { display:block; text-align:center;margin-top:20px;}
	#sp-footer .jmm-social { text-align:center;margin-left:-15px;}
	#sp-footer { text-align:center;}
	.mod-languages { margin-right:-10px;margin-left:15px;}	
}
@media (max-width: 480px) { 
	.logo a { font-size:1.4rem!important; letter-spacing:0.1em; line-height:1.26em; }
	.logo-slogan {  font-size:1.07rem!important; letter-spacing:0.20em; line-height:1px; padding-bottom:12px;}
	.uk-ua .logo-slogan { letter-spacing:0.48em; }
	.mod-languages { margin-right:-12px;margin-left:10px;font-size:80%;}
	div.mod-languages ul li { padding:0px 2px 0px 2px!important; }
	div.mod-languages ul li.lang-active{padding:0px 5px 2px;}	
	#sp-header #sp-logo {width:34%;padding-lefT:0;margin-left:0;}
	#sp-header #sp-menu {width:66%;padding-right:0;margin-right:0;}
}