/*
	Theme Name: Stormshield
	Theme URI: http://www.stormshield.pl
	Author: TechOS
	Author URI: http://www.techos.pl
	Version: 1.0
*/

@import url(//fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin,latin-ext);

/*
	font-family: 'Dosis', sans-serif;
*/

html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(images/header_bg.png) top center no-repeat, url(images/footer_bg.png) bottom center no-repeat, url(images/bg.png) repeat;
	background-size: 100%, 100%, auto;
	background-color: #fff;
	color: #4c4c4c;
	font-size: 15px;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}

img { border: none; }
a { text-decoration: none; color: inherit; }
p { margin: 0px; float: left; width :100%; }

div.content_center {
	width: 1000px;
	margin: 0 auto;
}

div.header_bg {
	float: left;
	width: 100%;
	height: 115px;
}

div.header_bg div.logo {
	float: left;
	margin-top: 25px;
}

div.header_bg div.menu_top {
	float: right;
	height: 52px;
	margin-top: 30px;
	background: url(images/menu_top_bg.png) center bottom repeat-x;
	max-width: 600px;
}

div.menu_top ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.menu_top ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.menu_top > ul > li > a {
	float: left;
	padding: 0 13px 0 12px;
	background: url(images/menu_top_sep.png) right bottom 10px no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 61px;
}

div.menu_top > ul > li:last-child > a {
	padding: 0 12px;
	background: none;
}

div.menu_top > ul > li.current-menu-parent > a, div.menu_top > ul > li.current-menu-item > a, div.menu_top > ul > li:hover > a {
	background: url(images/menu_top_sep.png) right bottom no-repeat, url(images/menu_top_active_bg.png) center bottom repeat-x;
	line-height: 52px;
}

div.menu_top ul li ul {
	display: none;
	position: absolute;
	z-index: 4;
	top: 52px;
	background: #7b7a7a;
	width: 150px;
	padding: 10px 15px;
	border-top: 1px solid #a8a8a8;
	-webkit-box-shadow: -5px 5px 0px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: -5px 5px 0px 0px rgba(50, 50, 50, 0.75);
	box-shadow: -5px 5px 0px 0px rgba(50, 50, 50, 0.75);
}

div.menu_top ul li:hover ul {
	display: block;
}

div.menu_top ul li ul li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div.menu_top ul li ul li a {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #a7a7a7;
	text-indent: 6px;
	line-height: 25px;
	color: #ffffff;
	font-size: 15px;
}

div.menu_top ul li ul li:last-child a {
	border-bottom: none;
}

div.menu_top ul li ul li a:hover {
	color: #68bce8;
}

div.slider_bg {
	float: left;
	width: 100%;
	height: 573px;
	margin-bottom: -70px;
	background: url(images/slider_bg.png) center center no-repeat;
}

div.other_slider_bg {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

div.other_slider {
	float: left;
	width: 100%;
}

div.content_bg {
	float: left;
	width: 100%;
}

div.news_boxs {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e0e0e0;
}

div.recommended_boxs {
	float: left;
	width: 100%;
	margin-top: 15px;
}

div.footer_bg {
	float: left;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	margin-bottom: 10px;
}


div.footer_bg div.menu_footer {
	float: right;
}

div.footer_bg div.copyright {
	float: left;
	margin-left: 20px;
}

div.footer_bg div.copyright p {
	margin: 0px;
	height: 30px;
	line-height: 40px;
}

div.footer_bg div.copyright p a {
	color: #ff2400;
}

div.footer_bg div.copyright p.TechOS {
	line-height: 20px;
}

div.menu_footer ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.menu_footer ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

div.menu_footer ul li a {
	float: left;
	padding: 0 20px;
	color: #3f3e3e;
	font-size: 16px;
	line-height: 60px;	
}

div.menu_footer ul li:hover a {
	color: #ff2400;
}

div.menu_footer ul li ul {
	display: none;
}

div.slider {
	float: left;
	width: 982px;
	margin: 9px 0 0 3px;
	position: relative;
	text-align: center;
}

div.news {
	float: left;
	width: 284px;
	height: 270px;
	padding: 20px;
	border-left: 7px solid #59bceb;
	background: url(images/box_bg.png) repeat;
	position: relative;
}

div.news:last-child {
	border-right: 7px solid #59bceb;
}

div.news h2 {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #383737;
	font-weight: 400;
	line-height: normal;
}

div.news div.news_content {
	float: left;
	width: 100%;
	height: 170px;
	line-height: 21px;
	color: #4c4c4c;
	font-weight: 400;
	margin: 20px 0 0 0;
	overflow: hidden;
}

a.read_more {
	float: right;
	background: #383737;
	padding: 0 20px;
	font-size: 15px;
	color: #ffffff;
	height: 25px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	line-height: 25px;
}

div.recommended_boxs h1 {
	float: left;
	width: 940px;	
	color: #383737;
	font-weight: 300;
	font-size: 46px;
	background: url(images/recommended_h1.png) left center no-repeat;
	line-height: normal;
	margin: 0 0 40px 0;
	padding: 0px;
	padding-left: 60px;
	text-align: left;
}

div.recommended_boxs div.product {
	float: left;
	width: 300px;
}

div.product.middle {
	margin: 0 50px;
}

div.recommended_boxs div.product h2 {
	float: left;
	width: 100%;
	font-size: 30px;
	color: #3f3e3e;
	font-weight: 400;
	padding: 0px;
	margin: 0 0 20px 0;
}

div.recommended_boxs div.product h2 span {
	font-weight: 700;
	color: #ff2400;
}

div.recommended_boxs div.product div.prod_img {
	float: left;
	width: 100%;
	height: 130px;
	line-height: 130px;
	text-align: left;
}

div.recommended_boxs div.product div.prod_img img {
	vertical-align: middle;
}

div.recommended_boxs div.product div.prod_desc {
	float: left;
	width: 100%;
	color: #5d5d5d;
	line-height: 35px;
	font-size: 14px;
}

div.recommended_boxs div.product div.prod_desc b {
	font-weight: 700;
	color: #ff2400;
}

div.text {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e0e0e0;
}

h1, h2.h1 {
	float: left;
	width: 100%;
	color: #383737;
	font-weight: 300;
	font-size: 46px;
	line-height: normal;
	margin: 0 0 40px 0;
	padding: 0px;
	text-align: center;
}

.easingsliderlite-prev.inside {
	left: -45px !important;
	top: 27% !important;
}

.easingsliderlite-next.inside {
	right: -48px !important;
	top: 27% !important;
}

.easingsliderlite-pagination.outside.bottom-center {
	bottom: -38px !important;
}

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignright {float:right; }

.alignleft {float:left; }

.aligncenter {display: block; margin-left: auto; margin-right: auto}

div.text div.news_boxs:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

div.contact_left {
	float: left;
	width: 45%;
	line-height: 24px;
}

div.contact_left h2 {
	margin-top: 0px;
}

div.contact_right {
	float: right;
	width: 50%;
	line-height: 24px;
}

div.contact_box {
	float: left;
	width: 88%;
	padding: 5%;
	background: #0c74ba;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	box-shadow: 6px 6px 0px #c2c2c2;
}

div.contact_box b, div.contact_box a {
	color: #fff;
}

h1, h2 {
	float: left;
	width: 100%;	
}

div.form {
	float: left;
	width: 100%;
	margin-top: 30px;
}

div.form div.radio_select_line {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
}

div.radio_select_line div.radio_select {
	display: inline-block;
	margin: 0 35px;
	line-height: 18px;
}

div.radio_select_line div.radio_select label {
	cursor: pointer;
}

div.radio_select_line div.radio_select b {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	color: #1e6da0;
}

div.radio_select_line div.radio_select span {
	font-size: 14px;
}

div.form div.input_line {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}

div.input_line div.input {
	float: left;
	width: 420px;
	margin: 0 40px 10px 40px;
}

div.input_line div.input lable {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	color: #272727;
	font-size: 15px;
}

div.input_line div.input input[type="text"], div.input_line div.input input[type="tel"], div.input_line div.input input[type="email"] {
	float: left;
	width: 95%;
	height: 27px;
	line-height: 29px;
	margin: 0px;
	padding: 0px 2%;
	border: 1px solid #dddddd;
	background: #fff;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(50, 50, 50, 0.1);
	box-shadow: inset 2px 2px 5px 0px rgba(50, 50, 50, 0.1);
}

div.submit_button {
	float: left;
	width: 100%;
	text-align: center;
}
div.submit_button input[type="submit"], div.submit_button a {
	display: inline-block;
	background: #1e6da0;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	font-size: 23px;
	border: none;
	cursor: pointer;
}

div.wpcf7-validation-errors {
	border: none !important;
}

div.wpcf7-response-output {
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0 0 0 !important;
	color: #f00;
}

span.wpcf7-form-control-wrap {
	display: block !important;
}

div.radio_select .wpcf7-list-item-label {
	display: none;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
	padding: 0px !important;
	color: #398f14 !important;
}

div.other_slider ul.acx_ppt {
	margin: 0 auto !important;
}

div.logos {
	margin-top: 10px;
	padding: 10px;
	float: left;
	width: 980px;
	
}
div.bx-viewport {float:left;}
div.pagination .left {float: left;}
div.pagination .right {float: right;}
.mobilemenu {display: none;}

@media (max-width: 1070px) {
	div.content_center {width: 98%; margin: 0 1%;}
	div.slider_bg {background: none; height: initial; margin-bottom: 0px;}
	div.slider {width: 100%; margin: 0px;background: url(images/slider_rwd_bg.png) repeat; border: 5px solid rgba(0,0,0,0.06); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	div.slider img{ max-width: 100%; max-height: initial;}
	div.easingsliderlite {max-width: 100% !important; width: 100% !important; height: auto; max-height: initial;}
	div.easingsliderlite.use-slide .easingsliderlite-slide {max-width: 100% !important;}
	div.easingsliderlite-arrows, div.easingsliderlite-pagination {display: none;}
	div.logos {width: calc(100% - 20px);}
	div.menu_top .mobilemenu {display: inline-block; width: 52px; line-height: 52px; text-align:center; font-size: 25px; color: #fff; background: url(images/menu_top_active_bg.png) top left repeat-x;}
	div.header_bg div.logo {float: right;}
	div.header_bg div.menu_top {position: relative;float: left;}
	div.menu_top ul.menu {display:none;}
	div.menu_top ul.menu.open {display: block; background: #4e4e4e; width: 150px; position: absolute; left: 0px; z-index:999;}
	div.menu_top ul.menu.open > li {width: 100%; text-align: left;}
	div.menu_top ul.menu.open > li > a {width: calc(100% - 26px); line-height: 40px; height: 40px; padding: 0 13px; background: none; border: none; border-bottom: 1px dashed #888; }
	div.menu_top ul.menu.open > li:last-child ? a {border-bottom: none;}
	div.menu_top ul.menu.open > li.open > a {background: #000;}
	div.menu_top ul li ul, div.menu_top ul li:hover ul {display: none;}
	div.menu_top ul li ul.open {display: block; left: 150px; top: 0px;}
	div.menu_top ul li ul li a {line-height: 30px;}
	div.recommended_boxs h1 {width: calc(100% - 60px);}
	div.footer_bg div.copyright {width: 25%;}
	div.other_slider ul.acx_ppt, div.other_slider ul.acx_ppt li, div.other_slider ul.acx_ppt li img {max-width: 100%;}
	div.other_slider ul.acx_ppt li img {height: auto !important;}
	div.content_center img {max-width: 100%; height: auto;}
	div.content_center table {float: left; width: 100%; display: inline-block; border: 1px;}
	h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

@media (max-width: 1020px) {
	div.recommended_boxs {text-align: center;}
	div.recommended_boxs div.product {display: inline-block; margin: 0 30px 30px 30px; float: none; vertical-align: top; }
	div.news_boxs {text-align: center; font-size: 0px;}
	div.news {border-bottom: 7px solid #59bceb; border-right: 7px solid #59bceb; float: none; display: inline-block; font-size: 15px;}
	body:not(.category) div.news_boxs > div.news:nth-child(3) {border-right: none;}
	body.category div.news_boxs {float: none; width: auto; border: 0px; padding: 0px; margin: 0 calc(50% - 340px); font-size: 0px;}
	body.category div.news_boxs div.news {float: left;}
	body.category div.news_boxs div.news.middle {border-left: none;}
	body.category div.news_boxs:nth-child(2n+1) div.news:first-child {border-left: none;}
	body.category div.news_boxs:nth-child(2n+1) div.news.middle {border-left: 7px solid #59bceb; border-right: none;}
	div.pagination {width: 100%; display: inline-block;  text-align: center; margin-top: 30px;}
	div.input_line div.input {margin: 0 calc(50% - 210px) 10px}
	div.rwd_webi {max-width: 100%;}
}

@media (max-width: 960px) {
	div.footer_bg {height: auto; line-height: normal; padding: 0px;}
	div.footer_bg div.copyright {width: 100%; text-align: center; margin-left: 0px;}
	div.footer_bg div.menu_footer {width: 100%; text-align: center;}
	div.menu_footer ul li {float: none; display: inline-block;}
	div.contact_right, div.contact_left {width: 80%; margin: 0 10%; text-align: center;}
	div.contact_right {margin-top: 30px;margin-bottom: 30px;}
	#cookiesBarWrap {width: 96% !important; margin: 0 2%;}
	iframe {max-width: 100%;}
	div.rwd_webi div.rwd_webi_left { width: 100% !important; text-align: center;}
	div.rwd_webi div.rwd_webi_left li {clear: both;}
	div.rwd_webi div.rwd_webi_right { width: 100% !important; text-align: center;}
}

@media (max-width: 730px) {
	div.recommended_boxs h1 {padding: 0px; background:none; text-align: center; width: 100%;}
}

@media (max-width: 682px) {
	div.news_boxs div.news {border-left: 7px solid #59bceb!important; border-right: 7px solid #59bceb !important; width: 300px;}
	div.menu_footer ul {border-bottom: 1px solid #e0e0e0;}
	body.category div.news_boxs {margin: 0 calc(50% - 170px); }
	body.category div.news_boxs div.news {border-left: 7px solid #59bceb!important; border-right: 7px solid #59bceb !important;}
	body.category div.news_boxs:nth-child(2) div.news:nth-child(1),body:not(.category) div.news_boxs > div.news:nth-child(3) {border-top: 7px solid #59bceb;}
	div.contact_right, div.contact_left {width: 92%; margin: 0 4%;}
	div.contact_right {margin-top: 30px; margin-bottom: 30px;}
	div.other_slider_bg {margin-bottom: 0px;}
}

@media (max-width: 500px) {
	div.menu_footer {display: none;}
	div.header_bg div.logo {width: calc(100% - 80px); }
	div.header_bg div.logo img {max-width: 100%;}
	div.input_line div.input {width: 80%; margin: 0 10% 10px;}
}