/* Main */
html {height: 100%;}
body {font-family: arial, sans-serif; font-size:.625em; color: #fff; height: 100%; min-height: 400px;}
/*img {width:100%}*/
h1 {font-size:6.6em;text-align:center;}
a {color:#fff; text-decoration:none;}
textarea {resize:none;}
.clear{clear:both}
.fr {float: right;}
.fl {float: left;}
.fb {font-weight:bold;}
.hide {display:none;}
.fixed {position:fixed; top:0;}
/* menu */
#header {width:100%; z-index: 999; box-shadow: 0px 2px 2px 0px #ccc; background:white;}
.smaller {background: white; min-width:100%;}
.smaller #menu_wrap {height:85px; background:none;}
.smaller #menu_wrap .logo img{}
/*.smaller #menu_wrap .logo img {max-width:262px; vertical-align: middle;}*/
.smaller #menu_wrap .menu {margin-top:20px;}
.smaller #menu_wrap .menu li a {height:45px;}
.g-recaptcha{float:left;margin:10px 0 10px 20%;}
#menu_wrap {max-width: 1132px; width: 100%;margin:0 auto; height:110px; background:#fff;} 
#menu_wrap .logo {height:inherit; position:relative; width:30%; display: table; overflow: hidden;}
#menu_wrap .logo a{display:table-cell; vertical-align:middle}
#menu_wrap .logo img {width:100%;}
#menu_wrap .menu {width:70%; max-width:740px; position:relative; margin-top:40px;}
#menu_wrap .menu li {display:block; height:50px; float:left; width:15%; text-align:center; padding-top:16px; cursor:pointer}
#menu_wrap .menu li.first {width:10%; background:url('http://obrazki.ox.pl/media/frontend/img/home.png') no-repeat center 9px;}
#menu_wrap .menu li.first.active, #menu_wrap .menu li.first:hover {background:url('http://obrazki.ox.pl/media/frontend/img/home_active.png') no-repeat center 9px;}
#menu_wrap .menu li a:hover, #menu_wrap .menu li a.active {border-bottom:5px solid #F66013; color:#F66013}
#menu_wrap .menu li a {font-size:1.4em; color:#333; width:100%; height:50px; display:block}
.fixed_shadow {display:none; height:110px; width:100%;}

/* mobile menu */
#menu_wrap .mobile_menu {display:none; width:100%;}
.mobile_menu p.mobile_picture {position:relative; top:7px; display:inline-block; width:33px; height:25px; background: url('http://obrazki.ox.pl/media/frontend/img/mobile_menu.png') no-repeat center top;}
.mobile_menu p.mobile_text {display:inline-block; font-size:2em; color: #000; height:25px; padding:0 10px 0 0;}
.mobile_menu span.mobile_button {height:35px; display:block; padding:14px 20px 0 0; cursor:pointer;}
span.mobile_button.opened p.mobile_text {color:#F66013}
span.mobile_button.opened p.mobile_picture {background:url('http://obrazki.ox.pl/media/frontend/img/mobile_menu_active.png') no-repeat center top;}
.mobile_menu ul.mobile_list {width:100%; background:#fff; z-index:9999; position:absolute; top:60px;}
.mobile_menu ul.mobile_list li {padding:10px 0; border-bottom:1px solid #CCC; text-align:center; font-size:1.6em;}
.mobile_menu ul.mobile_list li a {color: #000; width:100%; height:100%; display:block;}
.mobile_menu ul.mobile_list li a:hover, ul.mobile_list li a.active {color:#F66013}
.mobile_menu ul.mobile_list li.first {background:url('http://obrazki.ox.pl/media/frontend/img/home.png') no-repeat center center; border-top:1px solid #CCC; height:17px;}
.mobile_menu ul.mobile_list li.first:hover, ul.mobile_list  li.first.active {background:url('http://obrazki.ox.pl/media/frontend/img/home_active.png') no-repeat center center;}




/* slider */
.slider {max-height:390px;width:100%; background:url('http://obrazki.ox.pl/media/frontend/img/slider_bg.jpg') repeat-x center top; position:relative; z-index: 0;}
.slider_wrap {margin:0 auto; width:100%; max-width:1132px; background:url('http://obrazki.ox.pl/media/frontend/img/slider_wrap_bg.jpg') no-repeat center top}

/* boxes */
.box_container {padding:80px 0 80px;}
.boxes {display:block; width:100%; max-width:1132px; margin-left: auto;margin-right: auto;}
.boxes .box_spacer {display: inline-block; min-width: 214px; width:33%;padding: 5px 0 5px 0;}
.boxes .box {position:relative; max-width:290px; min-width: 214px; height:290px; margin-left: auto;margin-right: auto; margin-top:2px}
.boxes .box .box_text {padding-left:7px; padding-right: 7px; margin:0 auto; /*line-height:18px;*/ min-height:181px;}
.boxes .box .box_button {text-align:center; position:absolute; bottom:0; width: 100%}
.boxes .box .box_button img {width:96%; min-height: 32px; max-width: 200px;margin-bottom: 1em;}
.boxes .box.about {background:url('http://obrazki.ox.pl/media/frontend/img/box_about_bg.jpg') no-repeat center top; background-size:100%; background-color: #29ad61}
.boxes .box.about .box_text {padding-top:3em; font-size:1.4em;}
.boxes .box.product {background:url('http://obrazki.ox.pl/media/frontend/img/box_product_bg.jpg') no-repeat center top; background-size:100%; background-color: #c23a2c;}
.boxes .box.product .box_text {padding-top:2em; font-size:2em; font-weight:bold; line-height:23px;}
.boxes .box.contact {background:url('http://obrazki.ox.pl/media/frontend/img/box_contact_bg.jpg') no-repeat center top; background-size:100%;background-color: #2d3e4e;}
.boxes .box.contact p {font-size:2em; line-height:25px;}
.boxes .box.contact .box_text {padding-top:3.7em}
.boxes .box.contact p.tel_mail {font-size:2.5em;}

/* content - sticky footer*/
#page_wrapper{min-height:100%; height: auto !important; height: 100%; margin: 0 auto -80px; }
.notfound {position:absolute; top: calc(50% - 98px);right: 0; left: 0; margin-left: auto; margin-right: auto; z-index: -1;}

/* about us */
#about_us {width:100%; background:#27AE61; padding:25px 0;}
.about_wrap {max-width:1132px; margin:0 auto;}
.about_wrap p.subtitle {font-size:2em; padding:26px 0;}
.about_wrap p {width:48%; margin-left: 1%;}
.about_wrap .about_text {font-size:1.3em; line-height:1.3em;}


#products {width:100%; padding:50px 0 10px; color:#C1392B;}
.products_wrap {}
.products_wrap p.subtitle {font-size:2.3em; padding:5px 0 20px 0; text-align:center;}
.products_wrap .accordion {margin-bottom:5px;}
.products_wrap .accordion .title {text-align:center; width:100%; background:#C1392B; color:#fff; font-size:2.8em; padding:12px 0; cursor:pointer}
.products_wrap .accordion .content {display:none; width:100%; max-width:1132px; margin:0 auto; padding:40px 0 30px;}
.products_wrap .accordion .content.first {display:block;}
.products_wrap .accordion .content .name {color:#333; font-size:4.5em;}

/* products */
.banner {margin-bottom:8em;}
.banner_header{color: #C1392B; font-size:1.5em; font-weight:bold;margin-bottom:1.0em; margin-top:1.5em;}
.banner_container {width:100%;}
.banner_image{display: inline-block; float: left; width: 50%}
.banner_image a img {max-width:98%}
.banner_desc {display: inline-block; float:right; width: 50%;}
.banner_desc h4{color: #333333; font-size:1.3em; font-weight:bold; margin-bottom:0.5em; width: 100% !important;}
.banner_desc p{color: #333333; font-size:1.3em; margin-bottom: 2em; width: 100% !important;}
.content h4{color: #333333; font-size:1.3em; line-height:1.4em; font-weight:bold; margin: 0 auto 0em; width: 94%;}
.content p{color: #333333; font-size:1.3em; line-height:1.3em; width:94%; margin: 0 auto;}


/* price list */
#price_list {width:100%; background:#E8EBEB; padding:50px 0; }
.price_wrap {max-width:1132px; width:100%; margin:0 auto;min-height:500px;}
.price_wrap h1 {color:#C1392B; padding-bottom:45px;}
.price_wrap table {border-collapse: collapse; width:100%; max-width:980px; text-align:center; vertical-align: middle; margin:0 auto;color:#333333;}
.price_wrap td {padding:10px 0; font-size:1.4em; width:auto;}
.price_wrap tr {padding:10px;}
.price_wrap table caption {background:#C1392B; font-size:2em; color:#fff; padding:15px 10px; border-bottom:1px solid #E8EBEB}
.price_wrap tr.black_row {background:#000; padding:5px; color:#fff; border-bottom:3px solid #E8EBEB}
.price_wrap tr.gray_row td {background:#999999; color:#fff; padding:14px 0; border:1px solid #CCCCCC; }
.price_wrap tr.gray_row td.first_last {width:20%}
.price_wrap tbody.data td {background:#FFFFFF; border:1px solid #CCCCCC;}
.price_wrap .extra {font-size:2.6em; text-align:center; color:#333333; padding:15px 0 10px;}
.price_wrap .extra_info {max-width:1000px; width:100%; margin:30px auto 0; color:#333333; font-size:1.3em;}
.price_wrap .extra_info ul {list-style-type: decimal;  line-height:16px; padding:14px; margin-left: 15px;}
.price_wrap .extra_info ul li {padding:5px;}
.price_wrap .red_text {max-width:980px; margin:0 auto; text-align: center;}
.price_wrap .red_text p {padding:20px 0; font-size:2.3em; color:#C1392B;}
.price_wrap .red_text span {color:#333333; font-size:1.3em;}

/* research */
#research {width:100%; color:#000; padding:50px 0;}
#research_wrap {max-width:1132px; width:100%; margin:0 auto;}
#research_wrap h1 {color: #333333; padding-bottom:45px;}
#research_wrap a {color: #000;}
#research_wrap .analytics_box {border:1px solid #999999; padding:30px 50px 15px; max-width:463px; margin:0 auto;}
#research_wrap .analytics_box p {font-size:2em;}
#research_wrap .analytics_box ul {list-style-type:disc; padding:10px 0 10px 50px; font-size:1.5em}
#research_wrap .analytics_box li {margin:5px 0;}
#research_wrap .analytics_box span {font-size:1.2em}
#research_wrap .year_wrap {padding:20px 0;}
#research_wrap .year_box {width:29%; float:left; display:inline-block; margin-left: 10px;}
#research_wrap .year_box ul {list-style-type:disc; padding-left:10px;}
#research_wrap .year_box a {font-size:1.2em;line-height:20px}
#research_wrap .year_box .date {font-size:1.5em; padding:20px 0 7px;}

/* help */
#help {width:100%; background:#E8EBEB; padding:30px 0 70px;}
.help_wrap {max-width:1132px; margin:0 auto; color:#333333;}
.help_wrap .help_content {padding:40px 0;}
.help_wrap p.box {width:30%; font-size:1.3em; line-height:16px;}
.help_wrap p.middle {margin: 0 5%;}

/* contact */
#contact {width:100%; background:#2D3E50; padding:35px 0 40px;}
.contact_wrap {max-width:1132px; margin:0 auto; text-align: center;}
.contact_wrap .info {padding:50px 0; border-bottom:1px solid #fff;}
.contact_wrap .info p.place {font-size:2.9em}
.contact_wrap .info p.place.break {padding-top:60px;}
.contact_wrap .info p {font-size:1.4em; line-height:18px}
.contact_wrap .info p.interested {font-size:1.7em; font-weight:normal;}
.contact_wrap .traders {padding:50px 0 80px; max-width:1000px; width:100%; margin:0 auto;}
.contact_wrap .info .trader {width:21%; padding:1%; display:inline-block; font-size:1.4em; line-height:18px;}

.form_wrap {padding:35px 0 0;}
.form_wrap p.form_start {font-size:1.7em; line-height:21px; width: 96%; margin: 0 auto;}
.form_wrap .form {padding:35px 10px 0; max-width:700px; margin:0 auto; width:100%;}
.form_wrap .form input {width:79%; height:27px; padding:5px;}
.form_wrap .form label {font-size:1.5em; padding-bottom: 5px; display: inline}
.form_wrap .form .input_line {width:100%; text-align:right; margin-bottom:15px;} 
.form_wrap .form .check {width:80%; text-align:left; padding:5px;}
.form_wrap .form .check p {font-size:1.5em; padding:0 0 10px;}
.form_wrap .form .check input.checkbox {top:0; left:0; width:1px; height:1px; padding:0; position:absolute; overflow:hidden; border:0 none; z-index: -1000; clip: rect(0 0 0 0);}
.form_wrap .form .check input.checkbox + label {cursor: pointer; padding:25px 25px 0 0;background:url('http://obrazki.ox.pl/media/frontend/img/checkbox_bg.png') no-repeat center top; display: inline-block; position: relative;}
.form_wrap .form .check input.checkbox:checked + label {background-position:center bottom;}
.form_wrap .form .check textarea.other {width:100%; margin:15px 0;}
.form_wrap .form .check .custom_label {font-size:1.5em; padding:5px 0 0 10px;}
.form_wrap .form .check .check_wrap {margin:0 0 5px 0; position:relative;}
.form_wrap .form label.other_label {vertical-align:top; padding-top:10px;}
.form_wrap .form textarea.comments {width:80%;}
.form_wrap .form p.required {padding:0px 0 0 132px; font-size:1.3em}
.form_wrap .form .submit {width:150px; height:45px; background:url('http://obrazki.ox.pl/media/frontend/img/submit.png') no-repeat center top; border:none; cursor:pointer;}


#footer {background:#333333; min-height:80px; position:relative;}
.foot_wrap {position:absolute; width:100%; max-width:1132px; color:#8E8E8F; font-size:1.1em; line-height:18px; top:20px; left:0; right:0; margin: 0 auto;}
.foot_wrap a {color:#8E8E8F; text-decoration:none;}
.foot_wrap .foot_right img {width:auto;}
.foot_wrap .foot_right img.middle {padding:0 12px;}
.push {height:60px;}

#map {height:552px; width:100%;}
.infobox {width:350px; height:125px; background:url('http://obrazki.ox.pl/media/frontend/img/infobox.png') no-repeat center top;}

@media only screen and (max-width: 750px) {
.smaller {background-position:center -20px;}
.fixed_shadow {height:85px;}
#menu_wrap {height:65px;}
.smaller #menu_wrap {height:65px;}
#menu_wrap .menu {display:none;}
#menu_wrap .mobile_menu {display:block}
#menu_wrap .mobile_menu ul {display:none}
.boxes .box .box_text {line-height: 14px;}
.boxes .box.product .box_text {font-size: 1.9em;}
#menu_wrap .logo {position:absolute; width:40%}
.banner {max-width:100%; margin-bottom: 2em;}
.banner_header {text-align: center;}
.banner_image {width:100%; margin-bottom: 1em;}
.banner_image a img {display: block; margin:auto}
.banner_desc {display: block; width:501px; margin: auto; float:none;}
.form_wrap .form {width: 60%;}
.form_wrap .form .check {width:100%; text-align:left; padding:0;}
.form_wrap .form input {width:100%;}
.form_wrap .form p.required {padding: 0;}
.form_wrap .form .input_line {text-align:left;}
.form_wrap .form .input_line input {font-size: 1.7em;}
.form_wrap .form .input_line label {display:inline-block; width:100%;}
.form_wrap .form textarea.comments {width: 100%;}
.form_wrap .form .submit {margin-bottom: -20px; margin-top:10px;}
.form_wrap .form .check .rf {float:left;}
.contact_wrap .info .trader {width:45%;}
#map {height:250px;}
}

@media only screen and (max-width: 580px){
#sp1, #sp2, #sp3 {min-width:100%;}	
}

@media only screen and (max-width: 640px) {
#sp1, #sp2 {width:50%;}
#sp3 {width:100%;}  
#research_wrap .year_box {width: 45%;}
#research_wrap .break {clear:both;}
}

@media only screen and (max-width: 530px) {
.boxes .box.contact{font-size: 0.8em;}
.banner_desc {width: 95%;}
.contact_wrap .traders {padding:1em 0 0 0; width:85%;}
.contact_wrap .info .trader {width:100%; margin-bottom:10px;}
}
@media only screen and (max-width: 400px) {
h1{font-size:4.5em;}
p.fr {float:none !important;}
.slider	{display:none}
.box_container {padding:10px 0;}
.boxes {padding-top: 10px;}
.boxes .box.about .box_text {font-size: 1.6em; line-height:}
.boxes .box .box_button img {max-height: 34px; width:auto;}
.notfound {max-width:98%;}
#about_us {padding: 10px 0;}
#about_us .about_wrap p {width: 95%;}
#products {padding: 10px 0;}
#products .products_wrap .accordion .title {font-size:2em;}
.banner_desc {width: 83%;}
.price_wrap {font-size: 0.9em;}
#research_wrap .analytics_box ul {padding: 10px 0 10px 10px;}
#research_wrap .year_box {width:calc(100% - 10px);}
#research_wrap .year_box .date,#price_list .extra_info p, .boxes .box.product {text-align: center;}
.contact_wrap .info .trader {text-align: left;}
.form_wrap .form {width: 80%;}
.form_wrap .form .input_line {text-align:left;}
.form_wrap .form .check .custom_label {max-width: 80%;}
.form_wrap .form .submit {background: url('http://obrazki.ox.pl/media/frontend/img/submit.png') no-repeat right top;}
.foot_wrap {top:auto;}
#map {height:252px;}
}