/* Enter Your Custom CSS Here */

@font-face {
    font-family: 'museo100';
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.eot');
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.woff2') format('woff2'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.woff') format('woff'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.ttf') format('truetype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo100-regular-webfont.svg#museo100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo300';
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.eot');
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.woff2') format('woff2'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.woff') format('woff'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo500';
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.eot');
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.woff2') format('woff2'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.woff') format('woff'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo700';
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.eot');
    src: url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.woff2') format('woff2'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.woff') format('woff'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('http://www.mogrades.pl/wp-content/themes/oceanwp-child/fonts/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}



header{
	box-shadow: 0px 4px 14px #777777;
	height: 80px;
		  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
header.shrink {
  height:40px !important;
}
img.custom-logo{
	max-height: 68px;
		  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

img.custom-logo.shrink{
	max-height: 30px !important;
}

.oceanwp-mobile-menu-icon.clr.mobile-right{
	height: 80px;
			  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.oceanwp-mobile-menu-icon.clr.mobile-right.shrink{
	height: 40px !important;
}


#site-logo-inner.clr{
	height: 80px;
			  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#site-logo-inner.clr.shrink{
	height: 30px !important;
}

.mobile-menu{
	line-height: 80px;
				  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.mobile-menu.shrink{
	line-height: 40px !important;
}

.menu-link{
line-height:80px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.menu-link.shrink{
	line-height:40px !important;
}

#site-header
{
	background-color: white; /* For browsers that do not support gradients */
  background-image: linear-gradient(white, #DDDDDD); /* Standard syntax (must be last) */
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  position: fixed;
  top: 0;
}

#contact_vl
{
  background-color:black;
  width: 1px !important;
  height: 100%;
  margin-left:30px;
  margin-right:30px;
}

#main #content-wrap
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#omnie, #realizacje, #klienci, #kontakt
{
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}




.elementor-column
{
  min-height: 0px !important;
}

.elementor-widget:not(:last-child){
  margin-bottom: 10px !important;
}

[data-alias='slider-1-mogrades'] .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab, [data-alias='slider-1-mogrades'] .n2-ss-slide.n2-ss-canvas.n2-ow, [data-alias='slider-1-mogrades'] .n2-ss-layer-container.n2-ow
{
	height: 100vh !important;
}


@media only screen and (max-width: 959px){
.content-area, .content-left-sidebar .content-area {
	margin-bottom: 0px;
	}
}	

