/* Enter Your Custom CSS Here */

img.site_logo {
    vertical-align: middle;
    width: 165% !important;
	  max-width:165% !Important;
    height: auto;
    border: 0;
}

@media only screen and (max-width: 993px) {
 	img.site_logo {
    vertical-align: middle;
    width: 380px !Important;
    height: auto;
    border: 0;
		/*filter: brightness(0) invert(1);
		-webkit-filter:brightness(0) invert(1);*/
}
}


a.wst-more.centered.wst-more-btn { display:none!important;}


/*@media (max-width: 1150px) {
.wst-main-nav {
    width: 90% !important;
    position: absolute;
    top: 100%;
    right: 5%;
    left: 5%;
    background-color: #222;
    border-radius: 10px;
    z-index: 9;
	} }*/

/*@media (max-width: 1150px) {
.wst-responsive-btn, .coll-menu {
	display: block; }}*/


span.count_befAf {
    DISPLAY: NONE!IMPORTANT;
}

span.counter-number {
	
	display:none!important;
}
#about_text p {
    text-align: JUSTIFY;
}

@media only screen and (max-width: 456px) {
img.site_logo {
    vertical-align: middle;
    width: 330px !Important;
    height: auto;
    border: 0;
	}}

@media only screen and (max-width: 360px) {
img.site_logo {
    vertical-align: middle;
    width: 278px !Important;
    height: auto;
    border: 0;
	}}

@media only screen and (max-width: 400px) {
img.site_logo {
    vertical-align: middle;
    width: 310px !Important;
    height: auto;
    border: 0;
}
}

img.xoto {
    vertical-align: middle;
    float: right;
}


@media only screen and (max-width: 768px) {
.top-head:not(.sticky-head) .wst-main-nav > ul > li:hover > a, .top-head:not(.sticky-head) .wst-main-nav > ul > li.current-menu-parent > a, .top-head:not(.sticky-head) .wst-main-nav > ul > li.current-menu-ancestor > a, .top-head:not(.sticky-head).wst-main-nav > ul > li > a.active, .top-head:not(.sticky-head) .wst-main-nav > ul > li.current-menu-item > a, .top-head:not(.sticky-head) .wst-main-nav:not(.links_line) > ul > li:hover > a > span {
    color: #ffffff !important;
	  
	}}