/* Enter Your Custom CSS Here */
.ob-pad-right{
  padding-right:10%!important;
}
footer {
  border-top: solid 20px #fff;
}
ul{
  margin-left: 3%;
  width: 90%;
  font-size: 16px;
  color: #333;
  font-family: Lato;
}
ol {
  padding: 0;
  counter-reset: item;
}

ol > li {
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
.modernStyle{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  transform: translateX(2.5%);
}

#widget-column-3{
  display:none!important;
}

header{
  position:relative!important;
}

.menu-separator{
  background:#333!important;
}
.menu-item .title{
  color:#333!important;
}
.count-number{
  font-weight:700!important;
}
.md-text-container{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
}
  
header .color-overlay{
  	background-color:#fae13c!important;
}
.hello-div, .contact-div{
  background-color:#fae13c;
}
.hello-div .md-text{
  background-color:#FFF;
  width:400px;
  border:solid 2px #333;
  border-radius:10px;
  padding:20px;
}
.hello-div .md-text .md-text-content{
  margin-bottom:0;
}
.md-text-content p{
  margin-left:auto;
  margin-right:auto;
}
.single .md-text-content p, .single .sidebar .widget-md-text p{
  font-size:16px!important;
  line-height:24px!important;
}

.hello-btn{
    width: 150px;
    background: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    border: solid 2px #333;
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 30px;
    font-size: 16px!important;
  	line-height:16px!important;
    font-weight: 700!important;
    font-family: Lato!important;
}
.hello-btn:hover, .hello-div .hello-btn:active{
      background:#fae13c;
}
.third-from-top{
  background-color:#fae13c;
}
.hello-left{
  margin-top:0px!important;
  margin-left:0px!important;
}

.owl-dot{
  background: url('http://42nd.pl/wp-content/uploads/2016/08/Ellipse_nchs.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.owl-controls .active{
  background: url('http://42nd.pl/wp-content/uploads/2016/08/Ellipse_chs.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.owl-dot span{
  display:none!important;
}
.testimonial-carousel-job-text{
    font-size: 16px;
    font-family: Lato;
    font-style: italic;
    margin-bottom: 30px!important;
}
.fb-ico{
  display:block;
  width:32px;
  height:32px;
  background:url('http://42nd.pl/wp-content/uploads/2016/08/fb.png');
  background-repeat: no-repeat;
  background-position:50% 50%;
}
.fb-ico:hover, .fb-ico:active{
  background:url('http://42nd.pl/wp-content/uploads/2016/08/fbhover.png');
}
.in-ico{
  display:block;
  width:32px;
  height:32px;
  background:url('http://42nd.pl/wp-content/uploads/2016/08/in.png');
  background-repeat: no-repeat;
  background-position:50% 50%;
}
.in-ico:hover, .in-ico:active{
  background:url('http://42nd.pl/wp-content/uploads/2016/08/inhover.png');
}
footer.footer-default .footer-widgets {
    background-color: #FAE13C;
}
footer .light .widget-area.modernStyle .widget-area-column:after, footer .light .widget-area.modernStyle .widget-area-column:first-child:before, footer .light .widget-area.modernStyle:after {
    background-color: rgba(255, 255, 255, 0.0);
}
footer .widget-area.modernStyle .widget-title{
  margin-bottom:18px;
  padding-left:0px;
  color:#333;
  font-size:16px;
  font-weight:700;
}
.widget-area-column .widget p{
  font-size:16px;
  color:#333;
  font-family:Lato;
  font-weight:400;
}
.social-anchor{
  	width: 32px;
    height: 32px;
    float: left;
    margin-top: 10px;
}
.second{
  	margin-left:10px;
}
.md-text-container .md-text-title, .hello-btn{
  color:#333!important;
}
#footer-bottom .linear .copyright{
  float:left;
}
#footer-bottom .madeby{
  display:inline;
  float:right;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#footer-bottom .copyright p, #footer-bottom .madeby p {
    font-size: 10px;
    font-weight: 700;
}
input, button, select, textarea{
  padding:10px;
  border: solid 2px #333;
  font-weight: 700;
}
.wpcf7-submit{
  float:right;
}
.yellow-underscore{
  border-bottom: solid 2px #fae13c;
  padding-bottom: 4px;
  line-height: 30px;
}
.page-id-46 .md-countbox .countbox-text, .page-id-53 .md-countbox .countbox-text{
	margin-top:-45px;
}

.md-countbox .title{
	font-size:16px;
	margin-left:45px;
	color:#333;
    width:160px;
  	text-align:left;
}
.page-id-46 .countbox-title-separator, .page-id-53 .countbox-title-separator{
	width: 55px!important;
	border-bottom: solid 2px #fff!important;
	margin-left: 45px;
	margin-top: -15px;
}
.paragraph-column-styling p{
  font-size:16px;
  font-family:Lato;
  font-weight:500;
  color:#333;
}
.paragraph-column-styling .textwidget{
  width:80%;
  margin:auto;
} 
.ob-wide .textwidget{
  width:89%;
  margin:auto;
}
.md-countbox .timer{
  font-family:Lato;
}
.append-zero:before{
  content:'0';
}
.ball-top{
  background:url('http://42nd.pl/wp-content/uploads/2016/08/balltop.png');
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  width:180px;
  height:220px;
  position: absolute;
  top: -100px;
  left: 15%;
  z-index: 99;
}
.ball-bottom{
  background:url('http://42nd.pl/wp-content/uploads/2016/08/ballbottom.png');
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  width:180px;
  height:220px;
  position: absolute;
  bottom: -130px;
  right: 8%;
  z-index: 99;
}
.custom-checkbox{
  display:none;
}
.custom-checkbox + label{
  background:url('http://42nd.pl/wp-content/uploads/2016/08/chbox.png') no-repeat!important;
  height: 32px;
  display:inline-block;
  padding: 0 0 0 0px;
  font-size: 16px;
  font-family: Lato;
  padding-left:50px;
  margin-bottom:20px;
  color:#333;
  
}
.custom-checkbox:checked + label{
    background:url('http://42nd.pl/wp-content/uploads/2016/08/chbox_chkd.png') no-repeat!important;
    height: 32px;
    display:inline-block;
    padding: 0 0 0 0px;
    padding-left:50px;
    margin-bottom:20px;
    text-align:left;
}
.red-chbox + label{
  	background:url('http://42nd.pl/wp-content/uploads/2016/08/chbox_red.png') no-repeat!important;
}
.check-col-2 .custom-checkbox + label, .check-col-2 .custom-checkbox:checked + label{
  	margin-bottom:40px;
}
.page-id-49 .countbox-title-separator{
	border-color:rgba(0,0,0,0)!important;
}
.page-id-49 .timer:after{
  	content:'%';
}
.page-id-49 .timer{
  	width:100%;
  	text-align:left;
}
.md-countbox p{
  font-size:16px;
  font-family:Lato;
  font-weight:500;
  color:#333;
}
#answer-box{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  width: 250px;
  height: 150px;
  background: #fae13c;
  float: right;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  padding: 30px;
}
#answer-box p{
  font-family:Lato;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  color:#333;
  text-align:center;
}
.chkbox-left{
  text-align:left;
  padding-left:0!important;
}
.two-col-btn{
  display: block;
  width:400px;
  position: absolute;
  bottom: -78px;
  left:0;
  z-index: 99;
}
.ob-separator{
    height: 10px;
    border-bottom: solid 3px white;
    width: 60px;
  	margin-top: 10px;
    margin-bottom: 20px;
}
.ob-separator + a{
  font-family:Lato;
  font-size:16px;
  color:#333;
  font-weight:700;
}

.ob-title{
  font-family: Lato;
  font-size: 24px;
  line-height: 26px;
  font-weight: 400;
  color:#333;
  margin-bottom: 20px;
  margin-top: 20px;
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
.ob-wide{
 	width:90%; 
}
.ob-bold, .ob-bold-white{
  color:#333;
  font-weight:700;
}
.ob-separator-yellow{
 height: 10px;
 border-bottom: solid 3px #fae13c;
 width: 60px;
 margin-top: 10px;
 margin-bottom: 20px;
}

/* .page-id-51 .md-text-container.md-align-center {
    justify-content: flex-start;
}  */

.check-div{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  width: 70%;
  justify-content: center;
  align-items: center;
  height: 65px;
  background: #fae13c;
  margin: auto;
}
.check-div-white{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  width: 70%;
  justify-content: center;
  align-items: center;
  height: 65px;
  margin: auto;
  background:#fff;
}
.check-div label, .check-div-white label{
  margin-top: 30px;
}
.ob-wrap-title{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
}
.su-post-thumbnail, .su-post-meta, .su-post-comments-link{
	display:none!important;
}
.su-post{
  	width:33%;
}
.su-post-excerpt p{
  	width:90%;
  	font-size: 16px;
    font-family: Lato!important;
    font-weight: 400;
    line-height: 20px;
    color: #333;
  	margin-left:0!important;
}
.su-post-title a{
  font-size:24px!important;
  font-family:Lato!important;
  font-weight:700;
  color:#333;
}
.su-posts{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  padding-left:5%;
  padding-right:5%;
}
.ob-blog-container{
  width:33%;
  padding-left:5%;
}
.ob-blog-container p {
    display: block;
    width: 300px;
    font-size: 16px;
    font-family: Lato;
    font-weight: 400;
    line-height: 20px;
    color: #333;
}
.ob-blog-container .post-title{
  font-size:24px!important;
  font-family:Lato;
  font-weight:700;
}
.classic-blog{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
.page-id-51 .more-link, .page-id-53 .more-link{
  display:block;
  margin-top:30px;
  float:right;
}
.page-id-53 .md-countbox .title{
  font-size:14px;
}
.page-id-53 .check-div{
  width:100%;
  height:auto;
  flex-direction:column;
  align-items: flex-start;
  padding: 30px;
  padding-left:0;
}
.page-id-53 .custom-checkbox:checked + label{
  margin-top:10px;
  margin-bottom:10px;
  border-bottom: solid 2px white;
  width: 100%;
}
.navigation-mobile{
	background-color:#FAE13C!important;
}
.navigation-mobile .menu-title{
	color:#333;
}
.navigation-mobile.header-light li{
	border-bottom:solid 1px #fff;
}
.navigation-mobile .search-form{
	display:none;
}
.ob-color-white{
  	background-color:#fff;
}
.blog-masonry-content .blog-details .blog-cat{
  background:#FAE13C;
}
.sidebar{
  padding-top:0!important;
}
.sidebar .widget{
  background:#fff;
  border-radius:0!important;
}
.sidebar .separator{
  background-color:black!important;
  width:100%!important;
  height:1px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:-10px!important;
  margin-bottom:10px!important;
}
.sidebar .widget .widget-title{
  color: rgb(51,51,51);
  font-family: Lato;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 60px;
  letter-spacing: 0px;
  text-transform:uppercase;
  border-bottom:none;
}
.right-sidebar-blog{
  width:90%!important;
}
.ob-single-contact{
  margin-top:40px;
}
.ob-single-contact p{
  font-size: 24px;
  line-height: 40px;
  font-weight:700;
  text-align:center;
}
.ob-single-contact .wpcf7 p{
  font-size:16px;
  line-height:24px;
  font-weight:400;
}
.ob-single-contact .wpcf7 input{
  margin-bottom:20px;
}
.ob-contact-form{
  display:-webkit-flex;
  display:-webkit-box;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:center;
}
#content .ob-row-blog{
  padding:4%!important;
}
.widget.widget-md-recent-post .item-info {
    float: left;
    width: initial; 
    
}
.widget.widget-md-recent-post .item-info a{
  font-size: 16px;
  line-height: 50px;
}
.layout > .smart-sidebar{
  background-color:#fae13c;
}
.smart-sidebar .widget:nth-child(2){
  margin-top:20px;
}
.smart-sidebar.sidebar .widget{
  padding:20px!important;
}
.single .layout .smart-sidebar p, .single .layout .smart-sidebar a{
  color:#333!important;
}
.rev-btn{
  font-weight:700!important;
}
.footer-widgets .widget a{
  font-family: Lato;
  font-size: 16px;
  color: #333;
}
.footer-widgets .widget a:hover, .footer-widgets .widget a:active{
  border-bottom:solid 1px #333;
  color:#333!important;
}
.footer-widgets .widget .social-anchor:hover, .footer-widgets .widget .social-anchor:hover{
  border-bottom:none!important;
}
.texture-overlay, .top-classic .content{
   background: #FAE13C;
}
header nav > ul > li.menu-item:first-child{
  padding:initial;
}

.hello-div img{
  margin:auto;
}
.hello-div .wrap .wpb_column:first-child{
  width:100%;
}
.hello-div .wrap .wpb_column:nth-child(2){
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ob-col-left .md-text-container{
  	justify-content: flex-start;
}
.box_size_container .box_size_container{
  	width:100%!important;
}
.third-from-top .vc_row {
  	overflow:visible;
}
.contact-div .wrap .wpb_column:nth-child(3){
    z-index:99;
}
.contact-div .wrap .wpb_column:nth-child(4){
 	width: 66%;
	position: absolute;
	right: 0px;
	transform: translateX(20%);
  	top:20%;
}
#ob-contact-div, #ob-contact-div2{
  		display:none;
  	}
#ob-contact-div{
  	position: absolute;
	right: 0;
	top: 20%;
}
#ob-contact-div2{
  	position: absolute;
	right: 15px;
	bottom: 15px;
}
#ob-contact-div p, #ob-contact-div2 p{
  	color: rgb(51, 51, 51);
	font-size: 24px;
	line-height: 28px;
	font-family: Lato;
	font-weight: 700;
  	text-align:right;
}
.navigation-mobile{
  margin-top:0;
}
.navigation-mobile .title{
  text-transform:uppercase;
}
.ob-full-row .wrap{
  width:100%!important;
}
#main-hell-image{
  max-width:90%;
}
.check-div, .check-div-white{
  padding:40px;
}
.page-id-53 .ob-title{
  width:100%;
}
.page-id-53 .paragraph-column-styling .textwidget{
  width:80%;
  margin-left:0;
}
.page53-blog .wrap{
  width:100%!important;
}

#content .hello-div {
    margin-top: 0px!important;
}
.ob-dir-row a:hover, ob.-dir-row a:active{
  	color:#fff!important;
}
#widget-column-3, #widget-column-2, #widget-column-1{
  border:none!important;
}
#widget-column-3 li{
  	margin-top:0;
}
#widget-column-3 li a{
  	color:#333!important;
  	margin-left:0;
  	float: left;
    clear: both;
    height: 22px;
}
.two-col-first{
  display:block;
}
.two-col-second{
  display:none;
}
.ob-hide-row{
  display:none!important;
}
.ob-prop-line-height p{
  line-height:26px!important;
}
.page-id-53 .vc_col-sm-2 {
    width: 20%;
}


@media (min-width:1280px){
	#content .md-text-title, #content .ob-marked-big .md-text-content p, .ob-title, .ob-call, #content .md-text-content .ob-big-span, #content .ob-contact-form .md-text-content p{
  		font-size:34px!important;
  		line-height:44px!important;
	}
	#content .md-text-content p{
  		font-size:18px!important;
  		line-height:24px!important;
	}
	#content .hello-div .md-text-content p{
  		font-size:18px!important;
  		line-height:24px!important;
	}
	#content .ob-form-col .md-text-content p{
  		font-size:16px!important;
  		line-height:22px!important;
	}
}
@media (max-width:360px){
	.ball-bottom{
  		right:-40%!important;
	}
	.ball-top{
  		left:-40%!important;
	}
}
@media (min-width:361px) and (max-width:767px){
	
	.ball-top{
  		left:-5%!important;
	}
	.ball-bottom{
  		right:-5%!important;
	}
}

@media (max-width: 1280px){
	.layout-container .layout header:not(.retina-screen-header) {
		height:85px!important;  
	}
	
}

@media (max-width:649px){
	.custom-checkbox:checked + label{
  		margin-top:0;
	}
}

@media (max-width:767px){
	img{
  		margin:auto;
  		max-width:100%!important;
	}
	.page-id-46 .md-countbox .title, .countbox-title-separator, .page-id-53 .md-countbox .title, .countbox-title-separator{
		margin-left:130px!important;
	}
	.page-id-46 .md-countbox .countbox-text, .page-id-53 .md-countbox .countbox-text{
		margin-top:-40px;
	}
	#answer-box{
  		float:none;
  		margin:auto;
	}
	#answer-box + .hello-btn{
  		float:none!important;
  		margin-right:auto!important;
  		margin-left:auto!important;
	}
	.two-col-btn{
  		position:initial;
  		margin:auto;
  		margin-bottom:50px;
  		line-height: 26px!important;
	}
	.page-id-49 .timer{
  		text-align:center;
	}
	.ob-separator, .ob-separator-yellow{
  		margin-left:auto;
  		margin-right:auto;
	}
	.ob-wide{
  		margin-left:auto;
  		margin-right:auto;
	}
	.hello-btn{
  		margin-left:auto!important;
  		margin-right:auto!important;
	}
	.wpcf7, .wpcf7 input, .wpcf7 textarea{
  		width:100%;
	}
	.hello-div{
  		padding-bottom:30px!important;
	}
    .hello-div .wrap .wpb_column:nth-child(2){
  		position:initial;
  		transform:none;
	}
    .hello-div .md-text{
  		border:none;
  		background-color:rgba(0,0,0,0);
	}
	.ob-switch-row .wrap{
  		display:-webkit-flex;
  		display:-webkit-box;
  		display:-moz-flex;
  		display:-moz-box;
  		display:-ms-flexbox;
  		display:flex;
  		flex-direction:column-reverse;
	}
	.ob-switch-row img{
  		margin:0!important;
	}
    #main-two-of-three{
  		transform: translate(7%, 12px);
	}
    .contact-div .wrap .wpb_column:nth-child(4){
  		width:initial;
  		transform:none;
  		position:initial;
	}
	#contact-left{
  		max-width: 40% !important;
		float: left;
	}
  	#ob-contact-div, #ob-contact-div2{
  		display:block;
  	}
	.contact-div .wrap .wpb_column:first-child .md-text-content{
  		display:none;
	}
    .widget-area-column{
  		max-height:250px;
	}
	.wrapContent p, .wrapContent .widget-title{
  		display:block;
  		margin:auto;
        text-align:center!important;
	}
    .wrapContent .textwidget p:nth-child(2){
  		display:-webkit-flex;
 		display:-webkit-box;
  		display:-moz-flex;
  		display:-moz-box;
  		display:-ms-flexbox;
  		display:flex;
  		justify-content:center;
	}
 	#text-4 .textwidget p{
  		text-align:justify!important;
	}
	.two-col-btn{
  		width:80%;
	}
	.ob-plus, .check-div-white + a, .check-div + a{
  		float:none!important;
  		display:block!important;
  		margin-left:auto!important;
  		margin-right:auto!important;
  		width: 250px;
	}
	.more-link{
  		float:none;
	}
    .page-id-53 .md-countbox.md-align-center{
  		text-align:left!important;
	}
	.hello-left{
  		margin-left:auto!important;
	}
    .logo{
  		width:230px!important;
	}
	.hello-btn{
  		float:none!important;
	}
	.page-id-46 .vc_col-sm-3{
  		margin-bottom:30px;
	}
	#widget-column-3 ul{
    	display: flex;
    	flex-direction: column;
    	align-items: center
	}
	.two-col-first{
  		display:none;
	}
	.two-col-second{
  		display:block;
	}
	#content .vc_row{
  		padding-left:5%!important;
  		padding-right:5%!important;
	}
	.ob-better-paragraphs p{
  		display:inline!important;
	}
	.ob-better-txtwidget .textwidget{
  		text-align:left;
	}
	.ob-big-span{
  		display:block!important;
  		margin-top:20px;
  		margin-bottom:20px;
	}
	.ball-bottom{
  		display:none;
	}
	.su-post{
  		width:100%;
	}
	.su-post-excerpt p{
  		margin-left:auto!important;
	}
	#footer-bottom .linear .copyright{
  		float:none;
	}
	#footer-bottom .madeby{
  	    float: none;
        display: block;
  		position:inherit;
	}
	.page-id-53 .check-div{
  		margin-left:5%;
	}
	.page-id-53 .paragraph-column-styling .textwidget{
  		margin-left:auto;
	}
	
	
}

@media (min-width:767px){
	.page-id-53 .vc_col-sm-2{
  		width:20%;
	}
	.page-id-46 .md-countbox.md-align-center{
  		margin-left:8%;
	}
}

@media (max-width:980px){
	.about-me-testi .md-text-title{
  		margin-top:50px;
	}
	.ob-blog-container{
        width: 100%;
    	display:-webkit-flex;
  		display:-webkit-box;
  		display:-moz-flex;
 		display:-moz-box;
 		display:-ms-flexbox;
 		display:flex;
    	flex-direction: column;
        justify-content: center;
        align-items: center;
  		padding-left:0;
	}
}

@media (min-width:767px) and (max-width:1200px){
	.two-col-btn{
  		width:350px;
  		right:70%;
	}
}

@media (max-width:1200px){
	.third-from-top:after{
  		background-color:#fae13c!important;
	}
	.third-from-top .md-text-container.md-align-center{
  		margin:auto;
	}
	.vc_empty_space{
  		height:40px!important;
	}
	.ball-top{
  		left:5%;
	}
	.ball-bottom{
  		right:5%;
	}
}
@media (min-width:1900px){
	#main-hell-image{
  		max-width:70%;
	}
    .ob-full-row .wrap{
  		width:78%!important;
	}
	.page53-blog .wrap {
    width: 79% !important;
	}
	.two-col-btn{
  		margin-right:30px;
	}
	.right-sidebar-blog {
    width: 70% !important;
	}
	.ball-top{
  		left:23%;
	}
	.ob-pad-right{
  		padding-right:20%!important;
	}
}
.widget_recent_entries li a{
    color: #333!important;
    margin-left: 0;
    float: left;
    height: 22px;
}